Array でのさまざまな JS 操作の概要-CSSチュートリアル-php.cn

Array でのさまざまな JS 操作の概要

高洛峰

リリース： 2016-12-03 14:45:59

オリジナル

1137 人が閲覧しました

配列は、js コードを記述するときに最も頻繁に使用されるはずであり、日常のプロジェクトでは、配列を通じて大量のデータを保存したり操作したりすることができます。 Object に加えて、Array 型も js で最も一般的に使用される型である必要があります。

今日は、配列の簡単で基本的な操作をいくつかまとめ、基礎知識を固めます。

1. 配列の作成方法 (配列についてはすぐ下で説明します)

配列を作成するには主に 2 つの方法があります。1 つ目は配列コンストラクターを使用する方法で、2 つ目は配列リテラル表現を使用する方法です。

1. 配列コンストラクターを使用します

例: var arr = new Array();

配列の長さが事前にわかっている場合は、その長さをコンストラクターに直接渡すこともできます。

例: var arr = new Array(20);

配列に含める必要がある項目がわかっている場合は、構築中に配列に含める必要がある項目を直接渡すだけです。

例: var arr = new Array(1,2,3);

2. 配列リテラル表現を使用します

例: var arr = [1,2,3,4];

var arr2 = [ ; 末尾データ項目

push();---このメソッドは、配列の最後にデータ項目を追加します。

pop();---このメソッドは、配列の最後の項目を取得するための関数です。この関数はパラメーターを渡す必要はありません

例:

var color = new Array();//配列を作成します

var count = Colors. Push("red","green");// 2 つのアイテムをプッシュ

var color = ["red","black"]

color.push("brown");/ /別のアイテムをプッシュ

color[3]=" yellow " // アイテムを追加

console.log(color.push("blue")); ()); //最後の項目を取得

2) キューの操作方法:先入れ先出し原理---配列の先頭からデータを挿入してデータ項目を取得することでシミュレートします

push(); --配列の最後にデータ項目を追加します;

shift();---配列の先頭項目のデータ情報を取得します;

unshift();--shiftとは全く逆で、データを挿入します。項目情報を配列の先頭に追加します

var colorArr = new Array() ;//配列を作成します

colorArr.push("red"," yellow");//2 つの項目をプッシュします

console.log(colorArr) ;

var length = colorArr.push("blue");

var item = colorArr.shift();//最初のアイテムを取得します

console.log(item); log(colorArr.length);

2. 配列の検出と検証

日常のプロジェクト開発では、オブジェクトが配列であるかどうかを判断する問題によく遭遇します (関数パラメーターの転送中に)。オブジェクトが配列かどうかを判断するには、以下の2つの方法があります

1) 1つ目の方法

　　if(value instanseof Array){
   }

ログイン後にコピー

2) 2つ目の方法

　　if(Array.isArray(value)){
   }//该方法只使用与高版本的浏览器：IE9+、Firefox4+/Chrome

ログイン後にコピー

3. 具体的なプログラミング例
1) 要素を追加する（要素を末尾に追加します） array)

配列arrの最後に要素itemを追加します。配列 arr を直接変更しないでください。結果は新しい配列を返します。

方法 1:slice() と Push() を組み合わせる

function append(arr, item) { 
  var newArr = arr.slice(0); // slice(start, end)浅拷贝数组 
  newArr.push(item); 
  return newArr; 
};

ログイン後にコピー

方法 2:通常の反復コピー

function append(arr, item) { 
  var length = arr.length, 
    newArr = []; 
  
  for (var i = 0; i < length; i++) { 
    newArr.push(arr[i]); 
  } 
  
  newArr.push(item); 
  
  return newArr; 
};

ログイン後にコピー

方法 3:concat を使用する

function append(arr, item) { 
  return arr.concat(item); 
}

ログイン後にコピー

2 ) 要素の追加(任意の位置に要素を追加)
配列arrのインデックスに要素項目を追加します。配列 arr を直接変更しないでください。結果は新しい配列になります。

方法1:通常の反復コピーを使用する

function insert(arr, item, index) { 
  var newArr=[]; 
  for(var i=0;i<arr.length;i++){ 
    newArr.push(arr[i]); 
  } 
  newArr.splice(index,0,item); 
  return newArr; 
}

ログイン後にコピー

方法2:slice()とsplice()を組み合わせる

function insert(arr, item, index) { 
  var newArr=arr.slice(0); 
  newArr.splice(index,0,item); 
  return newArr; 
}

ログイン後にコピー

方法3:concat()とsplice()を組み合わせる

function insert(arr, item, index) { 
  var newArr=arr.concat(); 
  newArr.splice(index,0,item); 
  return newArr; 
}

ログイン後にコピー

3.配列要素)

配列 arr の最後の要素を削除します。配列 arr を直接変更しないでください。結果は新しい配列になります。

方法1:通常の反復コピーを使用する

function truncate(arr, item) { 
  var newArr=[]; 
  for(var i=0;i<arr.length-1;i++){ 
    newArr.push(arr[i]); 
  } 
  return newArr; 
}

ログイン後にコピー

方法2:concat()とpop()を組み合わせる

function truncate(arr) { 
  var newArr = arr.concat(); 
  newArr.pop(); 
  return newArr; 
}

ログイン後にコピー

4.要素を削除する(配列の最初の要素を削除する)

配列arrの最初の要素を削除します。配列 arr を直接変更しないでください。結果は新しい配列になります。

方法1:通常の反復コピーを使用する

function curtail(arr) { 
  var newArr=[]; 
  for(var i=1;i<arr.length;i++){ 
    newArr.push(arr[i]); 
  } 
  return newArr; 
}

ログイン後にコピー

方法2:concat()とshift()を組み合わせる

function curtail(arr) { 
  var newArr = arr.concat(); 
  newArr.shift(); 
  return newArr; 
}

ログイン後にコピー

方法3:slice()

function curtail(arr) { 
  return arr.slice(1); 
}

ログイン後にコピー

5.配列を結合する

配列arr1と配列arr2を結合します。配列 arr を直接変更しないでください。結果は新しい配列になります。

方法 1: 通常の反復コピーを使用します

function concat(arr1, arr2) { 
  var newArr=[]; 
  for(var i=0;i<arr1.length;i++){ 
    newArr.push(arr1[i]); 
  } 
  for(var j=0;j<arr2.length;j++){ 
    newArr.push(arr2[j]); 
  } 
  return newArr; 
}

ログイン後にコピー

方法 2: concat() メソッド

function concat(arr1, arr2) { 
  return arr1.concat(arr2); 
}

ログイン後にコピー

方法 3: スライス() と Push() を結合する

function concat(arr1, arr2) { 
  var newArr=arr1.slice(0); 
  for(var i=0;i<arr2.length;i++){ 
    newArr.push(arr2[i]); 
  } 
  return newArr; 
}

ログイン後にコピー

5. 配列から要素を削除します

配列 arr すべての要素を削除しますその値は item に等しい。配列 arr を直接変更しないでください。結果は新しい配列になります。

方法 1: splice() メソッド

function remove(arr, item) { 
      var newArr = arr.slice(0); 
      for(var i=0; i<newArr.length; i++) { 
        if(newArr[i] == item) { 
          newArr.splice(i, 1); 
        } 
      } 
      return newArr; 
    } 
    var arr = [1,2,3,4,2]; 
    var item = 2; 
    console.log(remove(arr, item)); 
    console.log(arr);

ログイン後にコピー

方法 2: Push() メソッド

function remove(arr,item){ 
  var newarr = []; 
  for(var i=0;i<arr.length;i++){ 
    if(arr[i] != item){ 
      newarr.push(arr[i]); 
    } 
  } 
  return newarr; 
}

ログイン後にコピー