JavaScriptの配列とそのメソッド

概要

JavaScriptの配列は、順序付けられた要素の集まりです。この章では、配列の基本操作と、よく使われる配列メソッドについて学びます。

目次

  1. 配列の作成と基本操作
  2. 配列の反復処理
  3. 配列の変換と結合
  4. 配列の検索とフィルタリング
  5. 配列の並べ替えと切り出し
  6. その他の便利な配列メソッド

1. 配列の作成と基本操作

配列は角括弧[]を使用して作成します。配列の要素には、インデックスを使ってアクセスします。

const fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]); // "apple"
fruits[2] = "orange"; // "cherry" を "orange" に置き換える

2. 配列の反復処理

forEachメソッドを使用して配列の各要素に対して関数を実行できます。

fruits.forEach(function(item, index) {
  console.log(index, item);
});

3. 配列の変換と結合

mapメソッドを使って配列の各要素を変換し、joinメソッドで配列を文字列に結合できます。

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(function(item) {
  return item * 2;
});
console.log(doubled); // [2, 4, 6, 8, 10]

const joined = fruits.join(", ");
console.log(joined); // "apple, banana, orange"

4. 配列の検索とフィルタリング

filterメソッドで配列から特定の条件を満たす要素のみを抽出し、findやindexOfで特定の要素を検索できます。

const evenNumbers = numbers.filter(function(item) {
  return item % 2 === 0;
});
console.log(evenNumbers); // [2, 4]

const found = fruits.find(function(item) {
  return item === "banana";
});
console.log(found); // "banana"

5. 配列の並べ替えと切り出し

sortメソッドで配列の要素を並べ替え、sliceで配列の一部を切り出すことができます。

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

const slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // ["banana", "orange"]

6. その他の便利な配列メソッド

  • push / pop：配列の末尾に要素を追加/削除。
  • shift / unshift：配列の先頭に要素を追加/削除。
  • reduce：配列の各要素を累積して一つの値を生成。