當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
【算法图解|3】JavaScript 如何实现数组去重
生活随笔
收集整理的這篇文章主要介紹了
【算法图解|3】JavaScript 如何实现数组去重
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
數組去重方法老生常談,既然是常談,我也來談談。
也許我們首先想到的是使用 indexOf 來循環(huán)判斷一遍,但在這個方法之前,讓我們先看看最原始的方法:
var array = [1, 1, '1', '1'];function unique(array) {// res用來存儲結果var res = [];for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {for (var j = 0, resLen = res.length; j < resLen; j++ ) {if (array[i] === res[j]) {break;}}// 如果array[i]是唯一的,那么執(zhí)行完循環(huán),j等于resLenif (j === resLen) {res.push(array[i])}}return res; }console.log(unique(array)); // [1, "1"]?
在這個方法中,我們使用循環(huán)嵌套,最外層循環(huán) array,里面循環(huán) res,如果 array[i] 的值跟 res[j] 的值相等,就跳出循環(huán),如果都不等于,說明元素是唯一的,這時候 j 的值就會等于 res 的長度,根據這個特點進行判斷,將值添加進 res。
看起來很簡單吧,之所以要講一講這個方法,是因為——————兼容性好!
我們可以用 indexOf 簡化內層的循環(huán):
var array = [1, 1, '1'];function unique(array) {var res = [];for (var i = 0, len = array.length; i < len; i++) {var current = array[i];if (res.indexOf(current) === -1) {res.push(current)}}return res; }console.log(unique(array));排序后去重,效率高
我們先將要去重的數組使用 sort 方法排序后,相同的值就會被排在一起,然后我們就可以只判斷當前元素與上一個元素是否相同,相同就說明重復,不相同就添加進 res,
var array = [1, 1, '1'];function unique(array) {var res = [];var sortedArray = array.concat().sort();var seen;for (var i = 0, len = sortedArray.length; i < len; i++) {// 如果是第一個元素或者相鄰的元素不相同if (!i || seen !== sortedArray[i]) {res.push(sortedArray[i])}seen = sortedArray[i];}return res; }console.log(unique(array));?
總結
以上是生活随笔為你收集整理的【算法图解|3】JavaScript 如何实现数组去重的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【算法图解|2】JavaScript 如
- 下一篇: 【算法图解|4】JavaScript 如