JavaScriptで配列に要素を追加する方法

要素を追加する方法: 1. unshift() 関数を使用して配列の先頭に要素を挿入します; 2. Push() 関数を使用して配列の末尾に要素を挿入します; 3. concat() 関数を使用して配列の末尾に要素を挿入します; 4. splice() 関数を使用して、配列の添字に基づいて任意の位置に要素を追加します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript が配列に要素を追加します

方法 1: unshift() 関数を使用します

unshift() 関数を使用して、配列の先頭に要素を挿入します。この関数は、配列の先頭に 1 つ以上のパラメータ値を追加できます:

array.unshift(元素1, 元素2, ..., 元素X)

1 番目のパラメータ

要素 1 は配列の新しい要素 0、2 番目のパラメータ 要素 2 は新しい要素 1 というように続き、最後に要素を追加した後の配列の長さを返します。

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

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1,2);  //一次性增加两个元素
console.log(a);  //返回[1,2,0]

var a = [0];
a.unshift(1);  //增加元素1
a.unshift(2);  //增加元素2
console.log(a);  //返回[2,1,0]

a.unshift(1,2) を使用して最初に押すことがわかります。 a 配列 2 つの値 1 と 2 を順番に挿入します。a.unshift(1) を使用して a 配列の先頭に値 1 を挿入し、その後 a.unshift(2) を使用します。先頭 (つまり、値 1 の前) に値 2 を挿入します。したがって、出力結果は次のようになります。

方法 2: Push() 関数を使用する

push() メソッドはプッシュできます。 1 つ以上 パラメータ値が配列の末尾に追加され、要素を追加した後の配列の長さが返されます。

array.push(元素1, 元素2, ..., 元素X)

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

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(1,2);  //一次性增加两个元素
console.log(a);  //返回[0,1,2]

var a = [0];
a.push(1);  //增加元素1
a.push(2);  //增加元素2
console.log(a);  //返回0,1,2]

最後に

a.push(1,2) を使用してプレスしていることがわかります。 a 配列の 2 つの値 1 と 2 を順番に挿入します。a.push(1) を使用して、a 配列の最後に値 1 を挿入し、その後 a を使用します。これを元にpush(2)を実行し、最後(値1の後ろ)に値2を挿入します。したがって、出力結果は次のようになります。

方法 3. concat() 関数を使用します。

配列の末尾では、push() 関数を使用することも、concat() 関数を使用することもできます。

concat() メソッドは、特定の要素を挿入したり、配列の末尾に渡されたすべてのパラメーターを順番に追加したりすることもできます。

var a = [1,2,3,4,5];  //定义数组
var b = a.concat(6,7,8);  //为数组a连接3个元素
console.log(b);  //返回[1,2,3,4,5,6,7,8]

出力結果は次のとおりです:

説明: concat() メソッドは、元の配列に基づくのではなく、新しい配列を作成して返します。 1 新しい要素を追加します。

方法 4: splice() 関数を使用する

指定された添字位置に 1 つ以上の要素を挿入するにはどうすればよいですか?

答えは次のとおりです。

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 を使用して取得できます。 出力を見てみましょう:

[推奨学習:
JavaScript 上級チュートリアル

]

以上がJavaScriptで配列に要素を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。