JavaScript の配列の追加、削除、変更、確認 学習メモ_JavaScript スキル

プログラミング言語における配列の重要性は自明のことですが、JavaScript の配列は最も一般的に使用されるオブジェクトの 1 つであり、弱い型であるため、非常に柔軟で強力です。同じ型またはそのサブタイプの要素のみを格納できる Java などの厳密に型指定された高級言語の配列とは異なり、JavaScript は複数の型の要素を同じ配列に格納でき、長さを動的に調整することもできます。データが増加するにつれて、または配列の長さの自動変更を減らします。

配列は JavaScript の一般的なオブジェクトであり、配列の追加、削除、変更、チェックなどの古典的な操作がいくつかあります。この記事では、これに関連する操作方法を中心にまとめます。

配列項目を追加

まず、配列項目を配列に追加する方法を見てみましょう。次の配列があるとします:

var arr = [];

上記は配列を宣言していますが、この配列は空の配列 [] であり、その長さの値は 0 です。次に、配列項目を配列 arr に追加する方法を見ていきます。最も簡単な方法は、インデックス値を使用して配列項目を配列に追加することです:

var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 1;
arr[3] = 2;
console.log(arr); // ["a", "b", 1, 2]
console.log(arr.length); // 4

さらに、配列の長さの値を変更して配列項目を配列に追加することもできますが、この方法で配列に追加された配列項目はすべて未定義です :

var arr = [];
arr[0] = 'a'; // 给数组arr添加一个`a`数组项
arr.length = 5; // 改变数组的`length`值为`5`
console.log(arr); // ["a", undefined × 4]

この方法でも配列項目を配列に追加しますが、比較的面倒です。実際、配列項目を配列に追加することは、配列が提供するネイティブ メソッドを通じて、それほど面倒ではありません。

push()

push() メソッドを使用して、1 つ以上の配列項目を配列の末尾に追加します。

var arr = [];
arr.push('a','b');
console.log(arr); // ['a','b']
unshift()

push() メソッドを使用して 1 つ以上の配列項目を配列の末尾に追加し、次に unshift() メソッドを使用して 1 つ以上の配列項目を配列の先頭に追加します。

var arr = ['a','b'];
arr.unshift(1,2);
console.log(arr); // [1, 2, "a", "b"]

これら 2 つのメソッドに加えて、splice() メソッドを使用して配列項目を配列に追加することもできます。

var arr = ['a','b','c',1,2];
arr.splice(2,0,'d','c','e');
console.log(arr); // ["a", "b", "d", "c", "e", "c", 1, 2]

splice() メソッドに加えて、concat() メソッドを使用して配列項目を配列に追加することもできます。ただし、このメソッドを使用すると、元の配列は変更されませんが、元の配列に新しい配列が作成されます。配列:

var arr = ['a','b','c'];
var arr2 = arr.concat('d',1,2,['e',3]);
console.log(arr); // ["a", "b", "c"]
console.log(arr2); // ["a", "b", "c", "d", 1, 2, "e", 3]

配列項目を削除

配列操作では、配列項目の追加に加えて、配列の削除が必要になることがよくあります。配列項目を削除するために一般的に使用されるメソッドは、pop() と SHIFT() です。

ポップ()

pop() メソッドは、配列の末尾から配列項目を削除できます。

var arr = ['a','b','c','d',1,2];
arr.pop();
console.log(arr); // ["a", "b", "c", "d", 1]

shift()

shift() メソッドは、pop() メソッドの逆で、配列の最初の項目を削除できます。

var arr = ['a','b','c','d',1,2];
arr.shift();
console.log(arr); // ["b", "c", "d", 1, 2]

pop() メソッドでも、shift() メソッドでも、一度に配列から削除できる配列項目は 1 つだけですが、多くの場合、この方法で配列項目を削除するのは比較的面倒です。配列操作では、これら 2 つのメソッドに加えて、slice() メソッドと splice() メソッドを使用して配列項目を削除することもできます。

スライス()

slice() メソッドは配列から複数の配列項目を削除できますが、異なる点は、slice() は元の配列には影響せず、元の配列に基づいて配列のコピーを作成するだけであることです。

var arr = [1,2,3,4,'a','b'];
var arr2 = arr.slice(2);
console.log(arr); // [1, 2, 3, 4, "a", "b"]
console.log(arr2); // [3, 4, "a", "b"]
console.log(arr3); // ["a", "b"]

スプライス()

splice() メソッドは、配列項目を配列に追加するだけでなく、配列から配列項目を削除することもできます。

var arr = [1,2,3,4,'a','b','c'];
var arr2 = arr.splice(2,2);
console.log(arr); // [1, 2, "a", "b", "c"]
console.log(arr2); // [3, 4]

配列の変更

配列の splice() メソッドは、配列の強力なメソッドであり、配列項目を配列に追加したり削除したりできるだけでなく、配列を変更することもできます。

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(2,3,'a','b','c');
console.log(arr); // [1, 2, "a", "b", "c", 6]
console.log(arr2); // [3, 4, 5]

配列クエリ

var arr = [1,2,3,4,5,6];
var arr2 = arr.slice(-3);
console.log(arr); // [1, 2, 3, 4, 5, 6]
console.log(arr2); // [4, 5, 6]