ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript配列から項目(要素)を削除する方法

JavaScript配列から項目(要素)を削除する方法

青灯夜游
青灯夜游オリジナル
2021-07-02 17:30:522648ブラウズ

削除方法: 1. Pop() を使用して配列の末尾の要素を削除します; 2. SHIFT() を使用して配列の先頭の要素を削除します; 3. delete 演算子を使用して要素を削除します指定された添え字位置; 4. length を使用する この属性は、末尾の 1 つ以上の要素を削除します; 5. splice() を使用して、指定された添え字位置の後の 1 つ以上の要素を削除します。

JavaScript配列から項目(要素)を削除する方法

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

方法 1: Pop() メソッドを使用して配列の末尾の要素を削除します

pop() メソッドは配列内の最後の要素を削除し、削除された要素を返します。

例:

var a = [];  //定义数组,模拟空栈
console.log(a.push(1));  //入栈,栈值为[1],length为1
console.log(a.push(2));  //入栈,栈值为[1,2],length为2
console.log(a.pop());  //出栈,栈值为[1],length为1
console.log(a.push(3,4));  //入栈,栈值为[1,3,4],length为3
console.log(a.pop());  //出栈,栈值为[1,3],length为2
console.log(a.pop());  //出栈,栈值为[1],length为1

方法 2:shift() メソッドを使用して、配列の先頭にある要素を削除します

シフト() メソッドは配列を削除できます。最初の要素が返され、残りのすべての要素が 1 位置ずつ前方に移動され、配列の先頭のギャップが埋められます。配列が空の場合、shift() は何も行わず、未定義を返します。

例:

var a = [1,2,3,4,5];  //定义数组
for (var i in a) {  //遍历数组
    var t = a.pop();  //尾部弹出
    a.unshift(t * 10);  //头部推入,把推进的值放大10倍 
}
console.log(a);  //返回[10,20,30,40,50]

方法 3: 削除演算子を使用します

削除演算子を使用して、指定された添字位置にある配列要素を削除します。削除された要素は空の要素であり、削除された配列の長さは変更されません。

var a = [1, 2, true, "a", "b"];
delete a[0];
console.log(a);

方法 4: length 属性を使用する

length 属性を使用して、末尾の 1 つ以上の要素を削除したり、配列全体をクリアしたりすることもできます。配列の長さは要素を削除した後に動的に更新されます。

var a = [1, 2, true, "a", "b"];
a.length = 3;
console.log(a);

方法 5: splice() メソッドを使用します

splice() メソッドを使用して、指定された添字位置の後の 1 つ以上の配列要素を削除します。このメソッドには多くのパラメーターと多くの関数があります。このセクションの例では、配列要素を削除する方法のみを示します。最初のパラメータは操作の開始添字位置で、2 番目のパラメータは削除する要素の数を指定します。

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

splice(1,2,3,4,5) メソッドでは、最初のパラメータ値 1 は、配列 a の 2 番目の要素位置から開始して 2 要素を削除し、その後配列 a のみを削除することを意味します。残る要素は3つ。

splice() メソッドにパラメータを渡すと、メソッドは削除操作のみを実行します。パラメータ値は、削除された要素 (subscript 要素を含む) の開始添え字を指定します。splice() メソッドは、後続の要素をすべて削除します。

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

【関連する推奨事項: JavaScript 学習チュートリアル

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

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