ホームページ >ウェブフロントエンド >jsチュートリアル >JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

青灯夜游
青灯夜游オリジナル
2021-08-17 14:03:1510504ブラウズ

前回の記事「JS 配列の学習 - 1 次元および 2 次元配列の作成とアクセス 」では、配列を作成するさまざまな方法を紹介しました。配列を作成したので、その配列を操作する必要があります。最も一般的な操作は、配列要素の追加または削除です。今回は、まず配列要素を挿入する方法をいくつか紹介し、次に配列要素を削除する方法を紹介します。

配列要素を追加するにはさまざまな方法があります。配列の先頭または末尾に追加することも、配列の添え字に基づいて任意の位置に追加することもできます。今日はまず、配列の先頭または末尾に要素を挿入する方法を紹介します。

配列の先頭に要素を挿入する

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

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

最初のパラメータ Element 1 は、配列の新しい要素 0 であり、 2 番目のパラメータ Element 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 を挿入します。出力は次のようになります。

JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

#配列の最後に要素を挿入します

JavaScript では、次のようになります。 Push() または concat() メソッドを使用して、配列の末尾に要素を挿入できます。 1 つずつ紹介しましょう:

1. 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を挿入します。したがって、出力結果は次のようになります:

JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

2. concat() メソッドを使用します

1). concat() メソッド2 つまたは複数の配列を接続でき、1 つまたは複数の配列の要素をパラメータとして指定された配列の末尾に追加します。

var a = [1,2,3];
var b = [4, 5, 6];
var c = [7,8];
var d = a.concat(b,c);
console.log(d);

concat() メソッドは、1 次元配列をパラメーターとして分割し、それらを個別の要素として配列の最後に接続します。したがって、出力結果は次のようになります:

JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

ただし、 concat() メソッドは 2 次元配列を完全に分割することはできず、配列に含まれる 1 次元要素を接続することしかできません。

var a = [1,2,3,4,5];  
var b = [[1,2,3], [4,5]];
var c = [[1,2,3], 3];
var d = a.concat(b,c);
console.log(d);

JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

2) concat() メソッドは、1 つ以上の指定された要素を挿入し、渡されたすべてのパラメーターを追加することもできます。配列の最後まで順番に。

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]

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

JS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?

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

わかりました。これですべてです。必要に応じて、次の内容を読んでください:

JavaScript 上級チュートリアル

以上がJS配列学習の先頭や末尾に要素を挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。