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

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

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 までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!