JS数组去重之小全——ES６、ES５

ES6去重

一、 Set去重

1.  Set去重 + Array.from

    var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]

        function unset(arr) {
            return Array.from(new Set(arr))
        }
        console.log(unset(arr));

2.  Set去重 + ...拓展运算符

   var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
   var unsetspot = [...new Set(arr)]
   console.log(unsetspot);

二、Map去重

1.  Map去重

  var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
        function unmap(arr) {
            let map = new Map()
                // let newArr = new Array()  // 用于存放新数组
            let newArr = [] // 用于存放新数组 这样写也可
            for (let i = 0; i < arr.length; i++) {
                if (map.has(arr[i])) {
                    map.set(arr[i], true)
                } else {
                    map.set(arr[i], false)
                    newArr.push(arr[i])
                }
            }
            return newArr
        }
        console.log(unmap(arr));

2.  Map去重 + filter 

 var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
        function unmapfilter(arr) {
            let map = new Map()
            return arr.filter(a => !map.has(a) && map.set(a, 1))
        }
        console.log(unmapfilter(arr));

Set和Map的区别：

 Set 中元素不可重复，成员值是唯一的，是值的集合；

Map以键值对形式存储；

具体区别参考这位博主，写的比较详细：http://t.csdn.cn/zHJ8b

ES5去重

一、indexOf去重

1.  indexOf去重 + filter

 var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
        function indexOff(arr) {
            return arr.filter((item, index) => {
                return arr.indexOf(item) === index
            })
        }
        console.log(indexOff(arr));

2.  indexOf去重 +   单层for循环 

 var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
        let newArr = []
        function indexOff(arr) {
            for (var i = 0; i < arr.length; i++) {
                if (newArr.indexOf(arr[i]) === -1) {
                    newArr.push(arr[i])
                }
            }
            return newArr
        }
        console.log(indexOff(arr));

二、sort去重

1.  sort去重 + 单层for循环

 var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
        let last = []
        function unforsort(arr) {
            arr.sort()
            for (var i = 0; i < arr.length; i++) {
                if (arr[i] !== arr[i - 1]) {
                    last.push(arr[i])
                }
            }
            return last
        }
        console.log(unforsort(arr));

三、splice去重

1.  splice去重 + 双层for循环

var arr = [1, 1, 1, 5, 7, 9, 43, 7, 6]
        let last = []
        function unforsplice(arr) {
            for (var i = 0; i < arr.length; i++) {
                for (var j = i + 1; j < arr.length; j++) {
                    if (arr[i] == arr[j]) {
                        last.push(arr[i])
                        arr.splice(j, 1)
                        j--
                    }
                }

            }
            return arr;
        }
        console.log(unforsplice(arr));
        console.log(Array.from(new Set(last)));

indexOf在js中有着重要的作用，可以判断一个元素是否在数组中存在，或者判断一个字符是否在字符串中存在，如果存在返回该元素或字符第一次出现的位置的索引，不存在返回-1。