配列操作入門：作成・取得・変更

配列の作成

JavaScript初心者にとって、配列はデータをまとめて扱う基本的な構造です。配列は [] で囲むことで作成できます。以下の例では、数値と文字列を混在させた配列を作ります。

const fruits = ['apple', 'banana', 'cherry'];

配列の要素はインデックスでアクセスします。インデックスは 0 から始まるため、fruits[0] は 'apple' を返します。

console.log(fruits[0]); // apple

配列を作る際に、Array コンストラクタを使う方法もありますが、リテラル表記が簡潔で推奨されます。

配列の要素を取得するにはインデックスを指定します。取得した値は読み取り専用ですが、インデックスに新しい値を代入することで変更できます。

fruits[1] = 'blueberry';

上記の変更後、fruits[1] は 'blueberry' になります。配列の長さは length プロパティで確認できます。

console.log(fruits.length); // 3

配列の最後に要素を追加したい場合は push メソッドを使います。

fruits.push('date');

逆に最後の要素を削除したい場合は pop を使用します。

fruits.pop();

配列の長さは length プロパティで取得でき、配列のサイズを動的に管理できます。配列をリストとして扱う場合、for ループや forEach メソッドが便利です。

fruits.forEach((fruit, index) => {
  console.log(`${index}: ${fruit}`);
});

上記のコードはインデックスと要素を同時に取得し、コンソールに出力します。配列を操作する際は、インデックスを意識して安全にアクセスすることが重要です。

さらに、配列を別の配列に変換したい場合は map メソッドを使います。例えば、すべての要素を大文字に変換する例です。

const upperFruits = fruits.map(fruit => fruit.toUpperCase());
console.log(upperFruits); // ['APPLE', 'BLUEBERRY', 'CHERRY']

配列操作はJavaScript初心者にとって最初に習得すべきスキルです。インデックス、長さ、要素の取得・変更をマスターすれば、リストを自在に扱えるようになります。