实现数组去重的一些方法

212 阅读1分钟

如何实现数组去重

###方法一,使用 splice 方法删除重复的元素

var arr = [7, 1, 'hi', 1, 'hi', true, null, undefined, true, null, undefined];
	function normalize (arr) {
  	if (arr && Array.isArray(arr)) {
    var len = arr.length,
        map = {};
    for (var i = len - 1; i >= 0; i--) {
      if (arr[i] in map) {
        arr.splice(i, 1);
      } else {
        map[arr[i]] = true;
      }
    }
    return arr;
  }
}
console.log('数组去重后', normalize(arr));

方法二:利用indexOf方法

var arr = [7, 1, 'hi', 1, 'hi', true, null, undefined, true, null, undefined];
function normalize (arr) {
  if (arr && Array.isArray(arr)) {
  var len = arr.length,
    res = [];
  for (var i = 0; i < len; i++) {
    if (res.indexOf(arr[i]) == -1) {
      res.push(arr[i]);
    }
  }
  return res;
 }
}
console.log('数组去重后', normalize(arr));

方法三,巧用扩展运算符和 Set 数据结构

var arr = [7, 1, 'hi', 1, 'hi', true, null, undefined, true, null, undefined];
function normalize (arr) {
  if (arr && Array.isArray(arr)) {
    var res = [...new Set(arr)];
    return res;
  }
}
console.log('数组去重后', normalize(arr));

方法四,使用 ES6 中新的 API — Array.from() 来实现方法三中扩展运算符的功能

var arr = [7, 1, 'hi', 1, 'hi', true, null, undefined, true, null, undefined];

function normalize (arr) {
  if (arr && Array.isArray(arr)) {
    var res = Array.from(new Set(arr));
    return res;
  }
}
console.log('数组去重后', normalize(arr));