• 配列とは何か
• 配列の作成方法
• 配列の要素へのアクセス
• 配列の要素の変更
• 配列でよく使われるメソッド
• 配列の反復処理
• 多次元配列
• 応用的な使い方

配列とは何か

JavaScriptの配列は、複数の値を一つのデータ構造にまとめたものです。配列の要素には、数値、文字列、オブジェクト、関数など、さまざまな型の値を格納できます。

例えば：

let array = [1, "hello", { key: "value" }, function() { return "world"; }];

配列の作成方法

配列を作成する方法はいくつかあります：

• リテラル構文を使用する

let fruits = ["apple", "banana", "cherry"];

• Arrayコンストラクタを使用する

let numbers = new Array(1, 2, 3);

• 空の配列を作成

let emptyArray = [];

配列の要素へのアクセス

配列の要素にはインデックスを使用してアクセスします。インデックスは0から始まります。

let fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]); // apple
console.log(fruits[1]); // banana
console.log(fruits[2]); // cherry
    

配列の要素の変更

配列の特定の要素を変更するには、インデックスを使用して値を割り当てます：

let fruits = ["apple", "banana", "cherry"];
fruits[1] = "blueberry";
console.log(fruits); // ["apple", "blueberry", "cherry"]
    

配列でよく使われるメソッド

JavaScriptには配列を操作するための便利なメソッドが多数用意されています。

• push: 配列の末尾に要素を追加

let fruits = ["apple", "banana"];
fruits.push("cherry");
console.log(fruits); // ["apple", "banana", "cherry"]
        

• pop: 配列の末尾の要素を削除

let fruits = ["apple", "banana", "cherry"];
let last = fruits.pop();
console.log(last); // "cherry"
console.log(fruits); // ["apple", "banana"]
        

• shift: 配列の先頭の要素を削除

let fruits = ["apple", "banana", "cherry"];
let first = fruits.shift();
console.log(first); // "apple"
console.log(fruits); // ["banana", "cherry"]
        

• unshift: 配列の先頭に要素を追加

let fruits = ["banana", "cherry"];
fruits.unshift("apple");
console.log(fruits); // ["apple", "banana", "cherry"]
        

配列の反復処理

配列の各要素に対して処理を行う方法はいくつかあります：

• forループ

let fruits = ["apple", "banana", "cherry"];
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}
        

• for...ofループ

let fruits = ["apple", "banana", "cherry"];
for (let fruit of fruits) {
    console.log(fruit);
}
        

• forEachメソッド

let fruits = ["apple", "banana", "cherry"];
fruits.forEach((fruit) => console.log(fruit));
        

多次元配列

多次元配列は配列の中に配列を持つ配列です。

let matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];
console.log(matrix[0][1]); // 2
    

応用的な使い方

配列は複雑なデータ構造を構築するためにも使用されます。

• 配列内のオブジェクト

let people = [
    { name: "Alice", age: 25 },
    { name: "Bob", age: 30 }
];
console.log(people[0].name); // Alice
        

• スプレッド構文を使用した配列のコピー

let numbers = [1, 2, 3];
let copy = [...numbers];
console.log(copy); // [1, 2, 3]
        

JavaScriptの配列は柔軟性が高く、多様な場面で活用できます。正しく理解し、使いこなすことでより効率的なコードを書けるようになります。