ホームページ > ウェブフロントエンド > フロントエンドQ&A > ES6で配列内の要素を削除する方法

ES6で配列内の要素を削除する方法

青灯夜游
リリース: 2022-06-08 17:03:57
オリジナル
7417 人が閲覧しました

削除方法: 1. 最初の要素、構文 "arr.shift()" を削除するには、shift() を使用します。 2. 最後の要素、構文 "arr.pop() を削除するには、pop() を使用します。 )"; 3. splice() を使用して添え字に基づいて要素を削除します。構文は「arr.splice (添え字の開始、要素の数を削除)」です。

ES6で配列内の要素を削除する方法

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

JavaScript では配列要素を削除する方法がたくさんあります。ここではその一部を紹介します。

方法 1:shift() 関数を使用して最初の配列要素を削除します。

array.shift() 関数を使用すると、配列の最初の要素を削除できます。最初の要素の値を返し、残りのすべての要素を 1 位置ずつ前に移動して、配列の先頭のギャップを埋めます。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
ログイン後にコピー

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

ES6で配列内の要素を削除する方法

上記の例では a.shift() を使用して、先頭の値 1 を削除していることがわかります。配列を指定すると、それが繰り返されます インデックスを設定します (0 から再開します); そして、shift() メソッドは元の配列を変更し、配列の長さを変更します。したがって、console.log(a) を使用して元の配列を出力すると、最初の要素が削除された配列が表示されます。

方法 2: Pop() を使用して配列の最後の要素を削除します。

array.pop() メソッドは配列の最後の要素を削除し、削除された要素を返すことができます。 。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
ログイン後にコピー

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

ES6で配列内の要素を削除する方法

上記の例では a.pop() を使用して、配列の終わり 値は 8 で、その後インデックスがリセットされ (再び 0 から開始されます)、pop() メソッドも元の配列を変更して配列の長さを変更します。

方法 3: splice() を使用して、配列添字に基づいて要素を削除します。

splice() を使用して、指定された添字位置から始まる 1 つ以上の要素を削除します。

要素を削除するための構文:

array.splice(index,howmany)
ログイン後にコピー
  • 最初のパラメータ index では、添え字の開始位置 (つまり、要素が配置されている位置) を指定できます。削除済み) ;

  • 2 番目のパラメータ howmany は、削除する必要がある要素の数 (つまり、削除する必要がある 1 つ以上の要素) を指定します。

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

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);
ログイン後にコピー

次のことがわかります: use arr.splice(1,2) 削除 添え字 1 (配列の 2 番目の要素) の位置から 2 つの要素、つまり arr[1]arr[2] が削除されるため、出力結果は次のとおりです。

ES6で配列内の要素を削除する方法

splice() メソッドを使用すると、配列の先頭と末尾の要素を削除することもできます。

  • 配列の先頭にある要素を削除したい場合は、メソッドの最初のパラメータのインデックスの値を 0

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);
ログイン後にコピー

ES6で配列内の要素を削除する方法

に設定するだけです。
  • If 配列の末尾の要素を削除する場合は、メソッドの最初のパラメーターのインデックスの値を負の数に設定すると、要素は配列の右側から配置されます。絶対値に従って配列を左に配置し、2 番目のパラメータの値 howmany はインデックス値と等しくなければなりません。

var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第二个元素开始,截取两个元素
arr.splice(-2,2);
console.log(arr);
ログイン後にコピー

ES6で配列内の要素を削除する方法

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート