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

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

青灯夜游
リリース: 2022-06-09 15:13:58
オリジナル
52402 人が閲覧しました

JavaScript で配列内の指定された要素を削除する 2 つのメソッド: 1. splice() 関数を使用して、指定された位置にある要素を削除します。構文は「配列変数名.splice (削除された要素の開始位置)」です。 , 1)"; 2. 指定した添え字を持つ要素を削除するには、delete キーワードを使用します。構文は、「delete 配列変数名 [要素の添え字を削除]」です。

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

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

方法 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 = ['abs','dsf',,'abc','sdf','fd'];
insertAttaList.remove('abc');
ログイン後にコピー

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

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

  • index: 配列の開始点next Standard

  • len: 置換/削除の長さ

  • item: 置換値

delete操作が実行されると、項目は空になります。

例:

arr = [‘a’,‘b’,‘c’,‘d’]
ログイン後にコピー

Delete ---- 項目は設定されていません

arr.splice(1,1) //[‘a’,‘c’,‘d’] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变
arr.splice(1,2) //[‘a’,‘d’] 删除起始下标为1,长度为2的一个值,len设置的2
ログイン後にコピー

[推奨学習: javascript上級チュートリアル #]

Replace---- item は置換された値です

arr.splice(1,1,‘ttt’) //[‘a’,‘ttt’,‘c’,‘d’] 替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1
arr.splice(1,2,‘ttt’) //[‘a’,‘ttt’,‘d’] 替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
ログイン後にコピー

Add----len は 0 に設定され、item は追加された値です

arr.splice(1,0,‘ttt’) //[‘a’,‘ttt’,‘b’,‘c’,‘d’] 表示在下标为1处添加一项‘ttt’
ログイン後にコピー

方法 2: メソッドの削除

##delete配列内の要素を削除すると、添字付きの値が undefeed に設定され、配列の長さは変更されません

例:

delete arr[1] //[‘a’, ,‘c’,‘d’]
ログイン後にコピー
真ん中に 2 つのカンマがあり、配列の長さは変更されず、1 つの項目は未定義です

プログラミング関連の知識の詳細については、次のサイトを参照してください:

プログラミングビデオ! !

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

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