すべての JavaScript 開発者が知っておくべき 9 つの配列メソッド

なぜ配列?

オブジェクトを使用すると、キー付きの値のコレクションを格納できます.
しかし、1 番目、2 番目、3 番目の要素など、順序付けられたコレクションが必要になることがよくあります.たとえば、ユーザー、商品、HTML 要素などのリストを保存するために必要です.

順序付けられたコレクションを格納するために、Array という名前の特別なデータ構造が存在します.

現在、API を使用してバックエンドと通信する場合、Array は JavaScript の ❤️ です.

おっとっと!!!!配列に関する基本的な情報を追加することを許してください😨

始めましょう! 🏃

1. インクルード()

includes() メソッドは、指定された要素が配列に含まれているかどうかをチェックします.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.includes("Javascript");
//output: true

このメソッドは、配列に要素が含まれている場合は true を返し、含まれていない場合は false を返します.

2.リバース()

reverse() メソッドは、配列内の要素の順序を逆にします.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.reverse();
//output: ["Java", "C#", "Python", "Javascript"]

注: このメソッドは元の配列を変更します.

3.結合()

join() メソッドは、配列内のすべての要素を連結することにより、新しい文字列を作成して返します.

要素は、指定されたセパレーターで区切られます.デフォルトの区切り文字はコンマ (,) です.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.join();
//output: Java,C#,Python,Javascript

注: このメソッドは元の配列を変更しません.

警告: 要素が undefined 、 null 、または空の配列 [] の場合、空の文字列に変換されます.

4.連結()

concat() メソッドは、2 つ以上の配列を結合するために使用されます.

const languages = ["Javascript", "Python", "C#", "Java"];
const frameworks = ["Angular", "Express", "Next"];
const languagesAndFrameworks = languages.concat(frameworks);
//output ["Javascript", "Python", "C#", "Java", "Angular", "Express", "Next"]

このメソッドは既存の配列を変更しませんが、結合された配列の値を含む新しい配列を返します.

5.every()

every() メソッドは、配列内のすべての要素がテスト (関数として提供) に合格するかどうかをチェックします.

年の例を見てみましょう.

const years = [2010, 2009, 2021, 2022];
years.every(a => a > 2008);
//output: true

every() メソッドは、配列に存在する要素ごとに関数を 1 回実行します.

関数が false 値を返す配列要素が見つかった場合、every() は false を返します (残りの値はチェックしません)

false が発生しない場合、every() は true を返します

注: every() は、値のない配列要素に対して関数を実行しません.

*注意: every() は元の配列を変更しません
*

6.プッシュ()

push() メソッドは、配列の末尾に新しい項目を追加し、新しい長さを返します.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.push("GoLang");
//output ["Javascript", "Python", "C#", "Java", "GoLang"]

注: 新しいアイテムは配列の最後に追加されます.
注: このメソッドは、配列の長さを変更します.

7. ポップ()

pop() メソッドは、配列の最後の要素を削除し、その要素を返します.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.pop();
//output ["Javascript", "Python", "C#"]

注: このメソッドは、配列の長さを変更します.

8.シフト()

shift() メソッドは、配列の最初の項目を削除します.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.shift();
//output ["Python", "C#", "Java"]

注: このメソッドは、配列の長さを変更します.
注: shift メソッドの戻り値は削除されたアイテムです.
注: このメソッドは元の配列を変更します.

9. unshift()

unshift() メソッドは、新しい項目を配列の先頭に追加し、新しい長さを返します.

const languages = ["Javascript", "Python", "C#", "Java"];
languages.unshift("C++, GoLanf");
//output ["C++, GoLanf", "Javascript", "Python", "C#", "Java"]

注: このメソッドは、配列の長さを変更します.

あなたはそれを作りました👍

これが、Javascript ライフの日常生活で配列をいじるのに役立つことを願っています.仲間の開発者と知識を共有してください.
Happy.Code()