JavaScript配列に要素を追加・削除する方法まとめ 配列オブジェクト_JavaScriptスキル

この記事の例では、JavaScript 配列 Array オブジェクトに要素を追加および削除する方法をまとめています。皆さんの参考に共有してください。具体的な分析は次のとおりです。

ポップメソッド

配列内の最後の要素を削除し、その要素を返します。
arrayObj.pop( )
必要な arrayObj 参照は Array オブジェクトです。
説明
配列が空の場合は、未定義が返されます。

シフト方式

配列の最初の要素を削除し、その要素を返します。
arrayObj.shift( )
必要な arrayObj 参照は Array オブジェクトです。
説明
shift メソッドは、配列から最初の要素を削除し、その要素を返します。

コードをコピー コードは次のとおりです。

var arr = new Array(0,1,2,3,4) );
var 削除 = arr.pop(); アラート(削除); アラート(arr.length);

最後の要素を削除して返します。最初に 4 をポップし、次に現在の配列の長さを要求して 4!


プッシュメソッド
配列に新しい要素を追加し、配列の新しい長さの値を返します。 arrayObj.push([item1 [item2 [. . . [itemN ]]]])

パラメータ
配列オブジェクト
必須。配列オブジェクト。
アイテム、アイテム2、. オプション。この配列の新しい要素。
説明
Push メソッドは、新しい要素を表示順に追加します。引数の 1 つが配列の場合、その配列は単一の要素として配列に追加されます。 2 つ以上の配列の要素を結合する場合は、concat メソッドを使用します。

コードをコピー コードは次のとおりです。var arr = new Array(0,1,2,3,4) ); // パラメータは 1 つ以上の

var len = arr.push(5,6); //len = arr.push(7); for(var i=0;i アラート(arr[i]); }


複数の値を一度に追加することも、1 つ追加して配列の現在の長さを返すこともできます。配列の内容を出力して変更を観察してください。


接合方法

配列から 1 つ以上の要素を削除し、必要に応じて削除された要素の位置に新しい要素を挿入し、削除された要素を返します。 arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

パラメータ 配列オブジェクト 必須。配列オブジェクト。

開始

必須。配列から要素を削除する開始位置を 0 から指定します。
削除数
必須。削除する要素の数。
アイテム1、アイテム2、.、アイテムN
必須。削除された要素の位置に挿入される新しい要素。
説明
splice メソッドは、開始位置から指定された数の要素を削除し、新しい要素を挿入することによって、arrayObj を変更します。戻り値は、削除された要素で構成される新しい Array オブジェクトです。





コードをコピー

コードは次のとおりです。var arr = new Array(0,1,2,3,4) ); // 2から0までの2つの要素を削除 // 要素を削除した配列を返します var reArr = arr.splice(2,2); // 新しい要素を削除された要素で置き換えることができます //削除開始位置から新しい要素を追加するだけです。要素を 2 つ削除すると、新しい要素を 10 個追加できます

//var reArr = arr.splice(2,2,6,7,8,9); for(var i=0;i アラート(arr[i]); }


新しい要素を追加したくない場合は、3 番目のパラメータを渡さないでください。

concat メソッド (配列)

2 つ以上の配列を組み合わせた新しい配列を返します。
array1.concat([item1[, item2[, . . . [, itemN]]]])
パラメータ
配列1
必須。他のすべての配列が連結される Array オブジェクト。
アイテム1、.、アイテムN
オプション。 array1 の最後に接続されるもう 1 つの項目。
説明
concat メソッドは、array1 と指定されたその他の項目の連結を含む Array オブジェクトを返します。
追加する項目 (item1...itemN) は、左から右の順に配列に追加されます。項目が配列の場合は、その内容を array1 の末尾に追加します。項目が配列でない場合は、単一の配列要素として配列の末尾に追加されます。

以下はソース配列から結果配列に要素をコピーしています:

新しい配列に連結される配列からコピーされたオブジェクト パラメーターは、コピー後も同じオブジェクトを指します。新しい配列とソース配列のどちらが変更されても、もう一方も変更されます。
新しい配列に連結された数値または文字列の値のみがコピーされます。一方の配列の値を変更しても、もう一方の配列の値には影響しません。

コードをコピーします コードは次のとおりです。

var arr = new Array(0,1); var arr2 = 新しい配列(3,4); var arr = arr.concat(arr2); for(var i=0;i アラート(arr[i]); }


このメソッドの機能は、arr2 の要素を arr! にコピーすることです。

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。