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

JavaScriptのMap（マップ）からすべての要素を削除する方法【clear()メソッドの使い方】

Mapとは、各要素をキー（Key）と値（Value）のペアとして格納するコレクションです。キーにも値にも、オブジェクトとプリミティブ値のどちらでも格納できます。また、Mapオブジェクトを反復処理すると、挿入した順序どおりにキーと値のペアが返されるという特徴があります。

Mapには、内部の値をまとめて削除するためのメソッドとしてmap.clear()が用意されています。このメソッドを実行すると、マップ内のすべてのキー／バリューペアが削除され、マップは完全に空になります。

構文

map.clear();

clear()メソッドは引数を取りません。呼び出すだけで、マップに格納されているすべての要素が削除され、サイズはゼロになります。

例1：要素が2つのマップの場合

次の例では、新しいマップを作成し、2つの要素を追加しています。map.clear()を実行する前はマップのサイズが「2」でしたが、実行後は「0」になっていることが確認できます。

<html>
<body>
   <script>
      var myMap = new Map();
      myMap.set(0, 'Tutorialspoint');
      myMap.set(1, 'Tutorix');
      document.write(myMap.size);
      document.write("</br>");
      myMap.clear();
      document.write(myMap.size);
   </script>
</body>
</html>

出力結果

2
0

例2：要素が4つのマップの場合

次の例では、マップを作成し、4つの要素を追加しています。この場合も、map.clear()を実行する前のサイズは「4」ですが、実行後は「0」になります。

<html>
<body>
   <script>
      var myMap = new Map();
      myMap.set(0, 'India');
      myMap.set(2, 'Australia');
      myMap.set(3, 'England');
      myMap.set(4, 'Newzealand');
      document.write(myMap.size);
      document.write("</br>");
      myMap.clear();
      document.write(myMap.size);
   </script>
</body>
</html>

出力結果

4
0

このように、clear()メソッドを使えば1行のコードでマップの中身をすべて消去できるため、個々の要素をdelete()で削除する手間が省けます。マップを再利用したい場面や、状態をリセットしたい場面で非常に便利なメソッドです。

  1. JavaScriptのsplice()メソッドで配列から要素を削除する方法【コード例付き】

    JavaScriptのsplice()メソッドを使うと、配列から指定した位置の要素を簡単に削除できます。このメソッドは元の配列を直接変更する点が特徴です。 splice()メソッドの基本構文 arr.splice(start, deleteCount) start: 削除を開始するインデックス位置（0から始まります） deleteCount: 削除する要素の数。省略すると、開始位置から配列の末尾までがすべて削除されます 以下は、splice()メソッドを使用して配列の1番目から5番目の間の要素（インデックス1〜4）を削除するサンプルコードです。 コード例 <!DOCTYPE html

  2. JavaScriptでボタンクリック時にli要素を削除する方法

    Webアプリケーションでは、リスト項目を動的に削除できるようにしたいケースはよくあります。この記事では、各要素（li）に配置した「削除」ボタンをクリックすることで、該当する要素をJavaScriptだけで削除する方法を解説します。 前提：対象となる順序なしリスト（ul） 例として、次のような順序なしリスト（ul）を想定します。 <ul> <li class="subjectName">JavaScript <button>Remove</button></li> <br> <