JavaScriptで配列を空にする4つの方法

概要: このチュートリアルでは、JavaScriptで配列を空にする4つの方法を学習します。

以下の配列があると仮定し、そのすべての要素を削除したいとします。

let a = [1,2,3];Code language: JavaScript (javascript)

配列を空にするためのいくつかの方法を以下に示します。

1) 空の新しい配列に代入する

これは配列を空にする最速の方法です。

a = [];

このコードは、配列aを空の新しい配列に代入しました。元の配列への参照がない場合は、完璧に機能します。

以下の例を参照してください。

let b = a;
a = [];
console.log(b); // [1,2,3]Code language: JavaScript (javascript)

この例では、最初にb変数が配列aを参照します。次に、aは空の配列に代入されます。元の配列は変更されたままです。

2) 長さをゼロに設定する

配列を空にする2つ目の方法は、その長さをゼロに設定することです。

a.length = 0;

lengthプロパティは、Arrayオブジェクトの読み書き可能なプロパティです。lengthプロパティがゼロに設定されると、配列のすべての要素は自動的に削除されます。

3) splice()メソッドを使用する

配列を空にする3つ目の方法は、以下の例に示すように、splice()メソッドを使用してすべての要素を削除することです。

a.splice(0,a.length);Code language: CSS (css)

このソリューションでは、splice()メソッドによってa配列のすべての要素が削除され、削除された要素が配列として返されます。

4) pop()メソッドを使用する

配列を空にする4つ目の方法は、whileループとpop()メソッドを使用して、配列の各要素を1つずつ削除することです。

while(a.length > 0) {
    a.pop();
}Code language: JavaScript (javascript)

このソリューションは非常に単純ですが、パフォーマンスの点では最も遅いです。