ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript配列から指定した要素を削除する方法

JavaScript配列から指定した要素を削除する方法

藏色散人
リリース: 2021-04-27 10:39:58
オリジナル
7521 人が閲覧しました

JavaScript 配列から指定した要素を削除する方法: 1. "splice" メソッドを通じて配列内の指定した要素を削除します; 2. "delete" メソッドを通じて配列内の要素を削除します。

JavaScript配列から指定した要素を削除する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

js 配列は指定された要素を削除します

js には要素を削除するためのメソッドが付属しています:

1.splice メソッド

//获取元素在数组的下标
Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val){ 
return i;
};
}
return -1; 
};
//根据数组的下标,删除该下标的元素
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
//测试数据
var insertAttaList = [&#39;abs&#39;,&#39;dsf&#39;,,&#39;abc&#39;,&#39;sdf&#39;,&#39;fd&#39;];
insertAttaList.remove(&#39;abc&#39;);
ログイン後にコピー

splice( Index,len,[item]) 注: このメソッドは元の配列を変更します。

splice には 3 つのパラメータがあり、配列内の 1 つまたは複数の値を置換/削除/追加するために使用することもできます。

index: 配列の開始添え字 len: 置換/削除の長さ item :置換値。操作が削除されると、項目は空になります。

例: arr = ['a','b','c','d']

Delete ---- item 設定しないでください

arr.splice(1,1) //['a','c','d'] 開始添字が 1、長さが 1 の値を削除します。 1、および len によって設定された 1。0 の場合、配列は変更されません。

arr.splice(1,2) //['a','d'] 開始添字を持つ値を削除します。 1 および長さ 2、len セット 2

replacement---- 項目は、置換された値です。

arr.splice(1,1,'ttt') //['a ','ttt','c ','d'] 開始添え字を 1 に置き換え、長さ 1 の値を 'ttt' に置き換え、len を 1

arr.splice(1,2, 'ttt') //[ 'a','ttt','d'] 開始添字を 1、長さ 2 の 2 つの値を 'ttt'、1

に置き換えます。 len 設定が追加されます---- len は 0 に設定され、item は追加された値です

arr.splice(1,0,'ttt') //['a','ttt','b ','c','d'] は以下のように表されます。 1

2 とマークされた場所に項目 'ttt' を追加します。delete メソッド

delete によって配列内の要素が削除された後、配列の下にマークされた値は未定義に設定され、配列の長さは変更されません

例: delete arr[1] //['a', ,'c','d']中央に 2 つのカンマが表示され、配列の長さは変更されず、1 つの項目が未定義です

【推奨学習: javascript 上級チュートリアル

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

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