Menu
CoddyTech

配列のメソッド パート3

CoddyのJavaScriptジャーニー「基礎」セクションの一部。レッスン 68/77。

ここでは、さらに便利な配列メソッドをいくつか紹介します。

1. concat():2つ以上の配列を結合して新しい配列を返します。元の配列は変更しません。

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // 出力: [1, 2, 3, 4]

2. join(separator): 配列のすべての要素を、指定した区切り文字で区切って1つの文字列に結合します(省略可能)。

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // 出力: "apple, banana, orange"

3. slice(start, end):配列の一部を取り出し、新しい配列を返します。startインデックスは含まれ、endインデックスは含まれません。

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // 出力: [2, 3, 4]

4. splice(start, deleteCount, item1, item2, ...):要素を削除、置換、または追加して、配列の内容を変更します。元の配列を変更し、削除された要素を含む配列を返します(要素がある場合)。

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // 出力: [1, 2, 6, 7, 5]
console.log(removed); // 出力: [3, 4]

5. split(separator, limit): 指定した区切り文字に基づいて、文字列を部分文字列の配列に分割します。元の文字列は変更されません。省略可能なlimitパラメーターは、返される配列の要素数の上限を設定し、残りの文字列は含まれません。

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); 
// 出力: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited);
// 出力: ["apple", "banana"]
challenge icon

チャレンジ

簡単

配列 numbers = [1, 2, 3, 4, 5] が与えられています。次の手順を実行し、結果をそのまま出力してください。

  1. concat() を使って配列の末尾に [6, 7, 8] を追加し、結果を出力してください。
  2. join() を使って concat() の結果をカンマ区切りの文字列に変換し、出力してください。
  3. slice() を使って元の numbers 配列から最初の3つの要素を取り出し、出力してください。
  4. splice() を使って numbers の2番目の要素を 99 に置き換え、変更後の numbers 配列を出力してください。

自分で試してみよう

let numbers = [1, 2, 3, 4, 5];
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン

自分で練習してみよう: JavaScriptオンラインコンパイラ