欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript循環(huán)刪除數(shù)組中元素的幾種方法示例

 更新時(shí)間:2017年05月18日 09:42:24   作者:YiYing  
這篇文章主要給大家介紹了關(guān)于Javascript循環(huán)刪除數(shù)組中元素的幾種方法,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。

本文主要跟大家分享了關(guān)于Javascript循環(huán)刪除數(shù)組中元素的幾種方法,分享出來(lái)供大家參考學(xué)習(xí),下面來(lái)看看詳細(xì)的介紹:

發(fā)現(xiàn)問(wèn)題

大家在碼代碼的過(guò)程中,經(jīng)常會(huì)遇到在循環(huán)中移除指定元素的需求。按照常規(guī)的思路,直接一個(gè)for循環(huán),然后在循環(huán)里面來(lái)個(gè)if判斷,在判斷中刪除掉指定元素即可。但是實(shí)際情況往往不會(huì)像預(yù)想的那樣順利運(yùn)行。

下面以一段Javascript代碼為例演示這一過(guò)程。

(function () {
 var arr = [1,2,2,3,4,5];
 var len = arr.length;
 for(var i=0;i<len;i++){
 //打印數(shù)組中的情況,便于跟蹤數(shù)組中數(shù)據(jù)的變化
 console.log(i+"="+arr[i]);
 //刪除掉所有為2的元素
 if(arr[i]==2){
  arr.splice(i,1);
 }
 }
 console.log(arr);
})();

運(yùn)行結(jié)果如下:


從最終的結(jié)果可以看到實(shí)際上只刪除掉了匹配的其中一個(gè)元素,而另外一個(gè)元素還存在。

從打印出的運(yùn)行過(guò)程不難發(fā)現(xiàn),原因?yàn)楫?dāng)刪除掉了一個(gè)元素后,數(shù)組的索引發(fā)生的變化,造成了程序的異常。

解決方法

找到了問(wèn)題的原因,就不難解決問(wèn)題了。

方法一

(function () {
 var arr = [1,2,2,3,4,5];
 var len = arr.length;
 for(var i=0;i<len;i++){
 //打印數(shù)組中的情況,便于跟蹤數(shù)組中數(shù)據(jù)的變化
 console.log(i+"="+arr[i]);
 //刪除掉所有為2的元素
 if(arr[i]==2){
  //注意對(duì)比這行代碼:刪除元素后調(diào)整i的值
  arr.splice(i--,1);
 }
 }
 console.log(arr);
})();

上面的代碼看起來(lái)不大好理解,有沒(méi)有看起來(lái)更易于理解的代碼呢?請(qǐng)看下面

方法二

(function () {
 var arr = [1,2,2,3,4,5];
 var len = arr.length-1;
 //start from the top
 for(var i=len;i>=0;i--){
 console.log(i+"="+arr[i]);
 if(arr[i]==2){
  arr.splice(i,1);
 }
 }
 console.log(arr);
})();

從后往前遍歷可以有效解決問(wèn)題,也容易理解,那么還有沒(méi)有跟簡(jiǎn)潔的實(shí)現(xiàn)呢?接著看下面代碼

方法三

(function () {
 var arr = [1,2,2,3,4,5];
 var i = arr.length;
 while(i--){
 console.log(i+"="+arr[i]);
 if(arr[i]==2){
  arr.splice(i,1);
 }
 }
 console.log(arr);
})();

使用while(i--) ,i為數(shù)組下標(biāo),個(gè)人覺(jué)得這是最簡(jiǎn)潔、高效的代碼實(shí)現(xiàn)了。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論