配列のメソッド パート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"]チャレンジ
簡単配列 numbers = [1, 2, 3, 4, 5] が与えられています。次の手順を実行し、結果をそのまま出力してください。
concat()を使って配列の末尾に[6, 7, 8]を追加し、結果を出力してください。join()を使ってconcat()の結果をカンマ区切りの文字列に変換し、出力してください。slice()を使って元のnumbers配列から最初の3つの要素を取り出し、出力してください。splice()を使ってnumbersの2番目の要素を99に置き換え、変更後のnumbers配列を出力してください。
自分で試してみよう
let numbers = [1, 2, 3, 4, 5];このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ