このページでは、JavaScriptにおける配列の作成方法や特徴、さまざまな例について詳しく解説します。

配列とは何か？

配列（Array）は、JavaScriptで複数の値を1つのデータ構造にまとめるためのオブジェクトです。配列は数値、文字列、オブジェクト、関数など、どのようなデータ型でも格納できます。

配列の作成方法

JavaScriptでは、配列を作成するために以下の方法を利用できます。

1. 配列リテラルを使う方法

配列リテラルは最も一般的な配列の作成方法です。中括弧 [] を使って簡単に作成できます。

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

空の配列を作成することも可能です。

const emptyArray = [];
console.log(emptyArray); // []

2. Arrayコンストラクタを使う方法

配列を作成するためにArrayコンストラクタを使用することもできます。

const numbers = new Array(1, 2, 3, 4, 5);
console.log(numbers); // [1, 2, 3, 4, 5]

指定した長さの空の配列を作成することも可能です。

const emptyArray = new Array(5);
console.log(emptyArray); // [empty × 5]

3. Array.from() を使う方法

Array.from() メソッドを使用すると、配列に似たオブジェクト（例えば arguments や文字列）を配列に変換できます。

const str = "hello";
const letters = Array.from(str);
console.log(letters); // ["h", "e", "l", "l", "o"]

4. Array.of() を使う方法

Array.of() メソッドは、引数として渡された値を要素として持つ配列を作成します。

const numbers = Array.of(1, 2, 3, 4);
console.log(numbers); // [1, 2, 3, 4]

5. スプレッド構文を使う方法

スプレッド構文を使用して、既存の配列を展開して新しい配列を作成することができます。

const oldArray = [1, 2, 3];
const newArray = [...oldArray, 4, 5];
console.log(newArray); // [1, 2, 3, 4, 5]

配列の基本的な操作

作成した配列に対してよく使用される基本的な操作について説明します。

1. 要素を追加する

push() や unshift() メソッドを使用して配列に要素を追加できます。

const fruits = ["apple", "banana"];
fruits.push("cherry"); // 後ろに追加
console.log(fruits); // ["apple", "banana", "cherry"]

fruits.unshift("grape"); // 前に追加
console.log(fruits); // ["grape", "apple", "banana", "cherry"]

2. 要素を削除する

pop() や shift() メソッドを使用して配列から要素を削除できます。

const fruits = ["apple", "banana", "cherry"];
fruits.pop(); // 後ろの要素を削除
console.log(fruits); // ["apple", "banana"]

fruits.shift(); // 前の要素を削除
console.log(fruits); // ["banana"]

応用的な配列の例

配列を操作するより高度な例を以下に示します。

1. 条件に基づいたフィルタリング

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4, 6]

2. 要素を変換する

const numbers = [1, 2, 3];
const squaredNumbers = numbers.map(num => num * num);
console.log(squaredNumbers); // [1, 4, 9]

3. 配列を1つの値にまとめる

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 10

以上がJavaScriptにおける配列の作成方法と基本的な使い方、そして応用例です。