歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery刪除數組中重復元素

jQuery刪除數組中重復元素

日期:2017/3/1 9:27:36   编辑:Linux編程

首先定義如下數組:

var arr=[0,2,3,5,6,9,2];

我們可以看到數組中存在重復元素'2';

最後通過jquery篩選應該得到[0,2,3,5,6,9];

ok,首先我們再定義一個空數組,用來存放最後篩選出來的元素:

var new_arr=[];

利用jquery的$.inArray可以輕松實現:

遍歷數組元素:

for(var i=0;i<arr.length;i++) {

  var items=arr[i];

  //判斷元素是否存在於new_arr中,如果不存在則插入到new_arr的最後

  if($.inArray(items,new_arr)==-1) {

    new_arr.push(items);

  }

}

當遍歷到最後一個'2'的時候,因為已經將之前一個'2'插入到了new_arr中,所以最後一個'2'不會執行if中的語句

最後得到新數組new_arr=[0,2,3,5,6,9];

備注:$.inarray(value,array) --確定第一個參數在數組中的位置(如果沒有找到則返回 -1 )。

最終代碼如下:

var arr=[0,2,3,5,6,9,2];
var new_arr=[];
for(var i=0;i<arr.length;i++) {
  var items=arr[i];
  //判斷元素是否存在於new_arr中,如果不存在則插入到new_arr的最後
  if($.inArray(items,new_arr)==-1) {
    new_arr.push(items);
  }
}
console.log(new_arr); //[0,2,3,5,6,9]

------------------------------------------分割線------------------------------------------

jQuery權威指南 PDF版中文+配套源代碼 http://www.linuxidc.com/Linux/2013-10/91059.htm

jQuery實戰 中文PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90631.htm

《jQuery即學即用(雙色)》 PDF+源代碼 http://www.linuxidc.com/Linux/2013-09/90383.htm

鋒利的jQuery(第2版) 完整版PDF+源碼 http://www.linuxidc.com/Linux/2013-10/91527.htm

jQuery完成帶復選框的表格行高亮顯示 http://www.linuxidc.com/Linux/2013-08/89406.htm

jQuery基礎教程(第4版) PDF 完整高清版+配套源碼 http://www.linuxidc.com/Linux/2014-03/98162.htm

--------------------------------------分割線 --------------------------------------

jQuery 的詳細介紹:請點這裡
jQuery 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved