JS 配列の学習: 配列の添え字に基づいて要素を追加する

前回の記事『JS配列学習の先頭や末尾に要素を挿入するには？ 》では、配列の先頭または末尾に要素を追加する 3 つの方法を紹介しました。今回は、配列要素を追加する方法の引き続き学習し、配列の添字に従って要素を追加する方法を紹介します。興味のある友人はそれについて学ぶことができます~

配列内の各要素にはシリアル番号が付いています。 0から始まる通し番号をインデックスと呼びます。配列の添字は非常に重要です。添字を使用して配列要素にアクセスできます。配列名[添字インデックス]の形式で添字を指定するだけです。例:

a[0]  //表示第0个元素
a[3]  //表示第3个元素

添字を使用して要素を挿入することもできますので、以下で詳しく紹介します。

形式 配列名[添字値] = 要素値を使用して、配列の指定された添字位置に新しい要素を追加できます

var a = [1,2,3];  //定义数组
a[3] = 4;  //为数组添加一个元素
console.log(a);  //返回[1,2,3,4]

出力を確認してくださいresult:

ただし、このメソッドを使用する場合は、元の配列の長さ以上の添字値を指定する必要があります。これにより、新しい要素が配列に追加されます。元の配列の終わり

var a = [1,2,3];  //定义数组
a[4] = 4;  //为数组添加一个元素
console.log(a);

出力結果を見てください:

##元の配列の長さより小さい場合は、そうではありません。新しい要素を追加すると、それが置換要素になります

var a = [1,2,3];  //定义数组
a[1] = 4;  //为数组添加一个元素
console.log(a);

出力結果を見てください:

Use

Array name [添え字の値] = 要素の値 は配列内でのみ使用できます 指定された添え字の位置に新しい要素を追加します; では、指定された添え字の位置に 1 つ以上の要素を挿入したい場合はどうすればよいでしょうか?

splice() メソッドを使用できます。 splice() は、配列要素を削除するだけでなく、配列要素の追加や配列要素の置換もできる強力なメソッドです。

配列要素を追加する splice() メソッドの機能について話しましょう。

array.splice(index,howmany,item1,...,itemX)最初のパラメータ index は添字の開始位置を指定し、2 番目のパラメータ howmany は削除する要素の数を指定します。値を 0 に設定すると、削除操作は実行されません。このように、3 番目以降のパラメータ item1,... .., itemX を使用して 1 つ以上の要素を挿入します。

次の例を詳しく見てみましょう:

var a = [1,2,3,4,5];
a.splice(1,0,"hello");
console.log(a);

次のことがわかります: use

a.splice(1,0,"hello")添え字 1 要素「hello」をその位置 (つまり、配列の最初の要素の位置の後) に挿入します。出力結果は

# になります。 ##

var a = [1,2,3,4,5];
a.splice(2,0,"hello","hi",8);
console.log(a);

「Exit: Use

a.splice(2,0,"hello","hi",8)

」が表示されます。添字 2 の位置 (つまり、後) に複数の要素を挿入します。配列の 2 番目の要素の位置)" hello", "hi", 8 したがって、出力結果は次のようになります:

#splice() メソッドを使用すると、配列の先頭または末尾に要素を追加することもできます。

var a = [1,2,3,4,5];
a.splice(0,0,"hello");
a.splice(a.length,0,"hi");
console.log(a);

配列の先頭に要素を追加したい場合は、このメソッドの最初のパラメータのインデックスの値を 0 に設定します。配列要素の最後に追加する場合は、メソッドの最初のパラメータのインデックスの値を

配列長

に設定するだけです。配列の長さは、

a.length を使用して取得できます。 出力を見てみましょう:

追加された配列要素は、単一の値または配列になります:

var a = [1,2,3,4,5];
a.splice(5,0,[6,7,8,9]);
console.log(a);

出力結果:

わかりました。必要な場合は、次の内容を参照してください: javascript 上級チュートリアル

以上がJS 配列の学習: 配列の添え字に基づいて要素を追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。