配列操作のマスター：特定のインデックスに値を挿入する

はじめに

この実験では、JavaScriptを使って指定されたインデックスに値を挿入する概念を探ります。Array.prototype.splice() メソッドを使って、削除数を 0 にして与えられたインデックスの後に値を挿入する方法を学びます。この実験では、JavaScriptにおける配列の操作に関する実践的な経験を提供し、新しい値を挿入する際に元の配列を変更する方法を理解するのに役立ちます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28401{{"配列インデックスに値を挿入する"}} javascript/data_types -.-> lab-28401{{"配列インデックスに値を挿入する"}} javascript/arith_ops -.-> lab-28401{{"配列インデックスに値を挿入する"}} javascript/comp_ops -.-> lab-28401{{"配列インデックスに値を挿入する"}} javascript/spread_rest -.-> lab-28401{{"配列インデックスに値を挿入する"}} end

JavaScriptを使って配列の特定のインデックスに値を挿入する方法

JavaScriptを使って配列の特定のインデックスに値を挿入するには、次の手順に従います。

ターミナル/SSHを開き、コーディングを練習するために node と入力します。
適切なインデックスと削除数 0 を使って Array.prototype.splice() メソッドを使い、挿入する値を展開します。
insertAt 関数は、配列と、インデックスと、指定されたインデックスの後に挿入する1つ以上の値を受け取ります。
この関数は元の配列を変更し、変更された配列を返します。

以下は、動作中の insertAt 関数の例です。

const insertAt = (arr, i, ...v) => {
  arr.splice(i + 1, 0, ...v);
  return arr;
};

let myArray = [1, 2, 3, 4];
insertAt(myArray, 2, 5); // myArray = [1, 2, 3, 5, 4]

let otherArray = [2, 10];
insertAt(otherArray, 0, 4, 6, 8); // otherArray = [2, 4, 6, 8, 10]

上記の例では、insertAt 関数を使って、myArray 配列の2番目のインデックスの後に値 5 を挿入し、otherArray 配列の1番目のインデックスの後に値 4、6、8 を挿入しています。

まとめ

おめでとうございます！配列インデックスに値を挿入する実験を完了しました。技術力を向上させるために、LabExでさらに実験を行って練習してください。