JavaScript 配列メソッド - パート 1

配列は JavaScript におけるオブジェクトです。1つの変数に複数の値を格納するために使用します。

各アイテムに対して個別の変数を作成する代わりに、1つの配列を使用します。

例: let students = ["John", "David", "Alex"];

各値は要素（element）です。すべての要素には、0から始まるインデックスが付与されています。

• インデックス 0: John • インデックス 1: David • インデックス 2: Alex

基本的な配列の概念

  1. length プロパティ length プロパティは、要素の総数を返します。これはプロパティであり、関数ではありません。括弧 () は使用しないでください。

• 正解: arr.length • 不正解: arr.length()

length を変更することで、要素を追加したり削除したりできます。 length を減らすと、JavaScript は余分な要素を削除します。 length を増やすと、JavaScript は空のスロットを作成します。

  1. toString() このメソッドは、配列を文字列に変換します。要素をカンマで結合しますが、元の配列を変更することはありません。

  2. join() カスタムの区切り文字が必要な場合に使用します。

• fruits.join(" | ") は "Apple | Orange | Banana" を返します • fruits.join("-") は "Apple-Orange-Banana" を返します

  1. at() このメソッドは、特定のインデックスにある要素を返します。負の数もサポートしています。

• arr.at(-1) は最後の要素を返します。 • arr.at(-2) は最後から2番目の要素を返します。

  1. pop() このメソッドは、配列の最後の要素を削除します。削除された要素を返します。これは元の配列を変更します。

  2. Array.isArray() 値が配列であるかどうかを確認するために使用します。typeof 演算子は配列に対して "object" を返すため、信頼性が低いです。

• Array.isArray([]) は true を返します • Array.isArray({}) は false を返します

  1. concat() 2つ以上の配列を結合するために使用します。元の配列を変更せず、新しい配列を返します。

  2. copyWithin() 配列の一部を同じ配列内の新しい位置にコピーします。既存の要素は上書きされます。

delete に関する重要な注意点 delete 演算子は要素を削除しますが、配列の長さ（length）はそのまま維持されます。これにより、配列内に「空の穴」ができてしまいます。要素を削除して配列のサイズを縮小したい場合は、他のメソッドを使用してください。

出典: https://www.w3schools.com/js/js_array_methods.asp

完全ガイド: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7