JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

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

JavaScriptで配列を空にする基本の方法

JavaScriptで配列を空にする最もシンプルな方法は、変数に新しい空の配列を代入することです。

arr = [];

この方法では、元の配列への参照が切れ、変数 arr は要素を1つも持たない新しい配列を指すようになります。

サンプルコード

以下のコードを実行すると、配列を空にする動作を確認できます。

<html>
   <head>
      <title>JavaScript Arrays</title>
   </head>
   <body>
      <script>
         var arr = ["orange", "mango", "banana", "sugar", "tea"];
         document.write("<br />元の配列: " + arr);
 
         arr = [];
         document.write("<br />空にした後の配列: " + arr);
      </script>
   </body>
</html>

実行結果

元の配列: orange,mango,banana,sugar,tea
空にした後の配列:

その他の配列を空にする方法

1. length プロパティを 0 にする

arr.length = 0;

この方法は、元の配列オブジェクト自体を保持したまま要素をすべて削除します。他の変数が同じ配列を参照している場合でも、すべての参照先で配列が空になります。

2. splice() メソッドを使う

arr.splice(0, arr.length);

splice() を使うと、先頭から配列の長さ分の要素を削除できます。こちらも元の配列オブジェクトを維持したまま空にする方法です。

使い分けのポイント

arr = [] はシンプルで高速ですが、新しい配列オブジェクトを作成します。元の配列を他の場所でも参照している場合は、arr.length = 0 や splice() を使うことで、すべての参照先に変更が反映されます。用途に応じて適切な方法を選びましょう。

  1. JavaScript配列から一意の値（重複なし）を取得する方法

    JavaScriptの配列に含まれる重複した値を取り除き、一意の値（ユニークな値）だけを取得したい場合は、Setオブジェクトを使うのが最もシンプルで効率的な方法です。 Setは同じ値を1つしか格納できないデータ構造のため、配列をnew Set()に渡すだけで自動的に重複が排除されます。その後、スプレッド構文（[...set]）を使えば、簡単に元の配列形式へ戻すことができます。 サンプルコード 以下は、JavaScriptの配列からすべての一意の値を取得する実際のコード例です。 <!DOCTYPE html> <html lang=ja> <head> <

  2. JavaScriptで配列を空にする4つの方法【サンプルコード付きで解説】

    JavaScriptで配列を空にする方法は、主に4つあります。それぞれ動作の仕組みや特徴が異なるため、目的に応じて適切な方法を選ぶことが大切です。配列を空にする4つの方法新しい空の配列を代入する：配列変数に、新しく作成した空の配列を代入します。最もシンプルな方法ですが、元の配列を参照している他の変数が残る点には注意が必要です。lengthプロパティを使う：配列のlengthプロパティに0を設定するだけで、すべての要素を削除できます。高速で、元の配列への参照も維持されるため、実務で最もよく使われる方法のひとつです。popメソッドを使う：配列の要素数が0になるまで、popメソッドで末尾の要素を繰り