JavaScriptで配列を空にする方法をわかりやすく解説

JavaScriptで配列を空にするのは、実はとても簡単です。この記事では、基本的な方法から注意点まで、初心者にもわかりやすく解説します。

サンプルとなる配列を用意する

まずは例として、トレーニング種目のリストが入った配列を作成してみましょう。

let exerciseList = ["squat", "deadlift", "push-up", "pull-up"];

配列の中身を確認する

console.log() を使うと、配列の中身をコンソールに出力して確認できます。

console.log(exerciseList);
// 出力: ["squat", "deadlift", "push-up", "pull-up"]

lengthプロパティで配列を空にする

配列を空にする最もシンプルな方法は、length プロパティに 0 を代入することです。これだけで、配列内のすべての要素が削除されます。

exerciseList.length = 0;

もう一度 console.log() を実行すると、配列が空になっていることを確認できます。

console.log(exerciseList);
// 出力: []

その他の方法

splice()メソッドを使う

splice() メソッドを使えば、先頭から配列の長さ分の要素をすべて削除できます。

exerciseList.splice(0, exerciseList.length);

新しい空の配列を再代入する

変数に新しい空の配列を代入する方法もあります。

exerciseList = [];

ただし、この方法では新しい配列オブジェクトが作成されるため、元の配列への参照が別の場所に残っている場合は注意が必要です。length = 0 の方法であれば、同じ配列オブジェクトを保持したまま中身だけを空にできるため、参照を共有しているケースでも安全に扱えます。