站長資訊網(wǎng)本文將給大家介紹如何通過javascript來刪除數(shù)組中的重復(fù)項(xiàng)，并且要求忽略大小寫敏感。那么對于該問題，大家有沒有自己的實(shí)現(xiàn)思路呢？
比如我先給一個(gè)示例數(shù)組：[1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6]，該數(shù)組中明顯有重復(fù)的數(shù)值，那么各位自己先動(dòng)動(dòng)手實(shí)現(xiàn)刪除重復(fù)項(xiàng)吧！
下面我將給大家分享兩種js刪除數(shù)組中重復(fù)項(xiàng)的實(shí)現(xiàn)方法，各位可以參考參考：
第一種方法：
代碼如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function removeDuplicates(num) { var x, len=num.length, out=[], obj={}; for (x=0; x<len; x++) { obj[num[x]]=0; } for (x in obj) { out.push(x); } return out; } var Mynum = [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6]; result = removeDuplicates(Mynum); console.log(Mynum); console.log(result); </script> </body> </html>
結(jié)果如下圖：
注：push()方法可向數(shù)組的末尾添加一個(gè)或多個(gè)元素，并返回新的長度；新元素將添加在數(shù)組的末尾；此方法改變數(shù)組的長度；在數(shù)組起始位置添加元素請使用 unshift() 方法。
第二種方法：
代碼如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //從JavaScript數(shù)組中刪除重復(fù)項(xiàng) const nums = [1, 2, 2, 3, 1, 2, 4, 5, 4, 2, 6]; console.log([...new Set(nums)]) </script> </body> </html>
結(jié)果如下：
注：在 JavaScript 中從數(shù)組中刪除重復(fù)項(xiàng)可以通過多種方式完成，例如使用 Array.prototype.reduce()、Array.prototype.filter() 甚至簡單的 for 循環(huán)；但是有一個(gè)更簡單的選擇，JavaScript 的內(nèi)置 Set 對象被描述為一組值，其中每個(gè)值只能出現(xiàn)一次。Set 對象也是可迭代的，因此可以使用擴(kuò)展 (…) 運(yùn)算符輕松地將其轉(zhuǎn)換為數(shù)組。
這里給大家推薦閱讀《JavaScript中Set對象的介紹（附示例）》《介紹JavaScript中…擴(kuò)展運(yùn)算符的常用方法》文章。
最后給大家推薦最新最全面的《javascript基礎(chǔ)教程》~快來學(xué)習(xí)吧！
