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

配列は、JavaScriptにおける特別なオブジェクトです。1つの変数に複数の値を格納できます。

学生ごとに個別の変数を作成する代わりに： let student1 = "John"; let student2 = "David";

配列を使用します： let students = ["John", "David", "Alex"];

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

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

length を変更することで、配列のサイズを変更できます。

  • 長さを減らすと、末尾から要素が削除されます。
  • 長さを増やすと、空のスロットが作成されます。

• toString() と join() toString() を使うと、配列をカンマ区切りの文字列に変換できます。 ハイフンやパイプ（|）などのカスタムセパレーターを使用したい場合は、join() を使用します。

• at() メソッド このメソッドは、指定したインデックスの要素を返します。 ブラケット記法とは異なり、負のインデックスをサポートしています。 arr.at(-1) を使うと、最後の要素を取得できます。

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

• Array.isArray() 値が配列であるかどうかを確認するために使用します。 typeof 演算子は配列に対して "object" を返しますが、これでは役に立ちません。 ループ処理を行う前に、必ず Array.isArray() でデータを検証してください。

• delete vs concat() delete 演算子は要素を削除しますが、空のスロットを残します。length は変更されません。 concat() メソッドは配列を結合します。元の配列は変更されず、新しい配列を返します。

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

メソッドのまとめ：

  • length: サイズを返します。
  • toString(): カンマ区切りの文字列に変換します。
  • join(separator): カスタムセパレーターを使用して文字列に変換します。
  • at(index): 要素を取得します（負のインデックスをサポート）。
  • pop(): 最後の要素を削除します。
  • isArray(): 値が配列かどうかを確認します。
  • concat(): 配列を新しい配列に結合します。
  • copyWithin(): 同じ配列内で要素をコピーします。

出典: https://www.w3schools.com/js/js_array_methods.asp 完全ガイド: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7