JavaScript 史上最全20中方法实现数组去重

当我们谈论使用不同的JavaScript方法来实现数组去重时，有许多方式可以做到。以下是20种常见的方法示例，每种方法都有其适用的场景和性能特点。
方法1：使用Set
function uniqueArray(arr) {
  return [...new Set(arr)];
}

方法2：使用filter和indexOf
function uniqueArray(arr) {
  return arr.filter((item, index) => arr.indexOf(item) === index);
}

方法3：使用reduce
function uniqueArray(arr) {
  return arr.reduce((unique, item) => {
    return unique.includes(item) ? unique : [...unique, item];
  }, []);
}

方法4：使用filter和includes
function uniqueArray(arr) {
  return arr.filter((item, index, array) => array.indexOf(item) === index);
}

方法5：使用reduce和Object
function uniqueArray(arr) {
  return Object.keys(arr.reduce((unique, item) => {
    return Object.assign(unique, { [item]: item });
  }, {}));
}

方法6：使用Map
function uniqueArray(arr) {
  const seen = new Map();
  return arr.filter((item) => !seen.has(item) && seen.set(item, 1));
}

方法7：使用reduce和includes
function uniqueArray(arr) {
  return arr.reduce((unique, item) => {
    return unique.includes(item) ? unique : [...unique, item];
  }, []);
}

方法8：使用forEach和includes
function uniqueArray(arr) {
  const unique = [];
  arr.forEach(item => {
    if (!unique.includes(item)) {
      unique.push(item);
    }
  });
  return unique;
}

方法9：使用filter和Set
function uniqueArray(arr) {
  return arr.filter((item, index) => arr.indexOf(item) === index);
}

方法10：使用for循环
function uniqueArray(arr) {
  const unique = [];
  for (let i = 0; i < arr.length; i++) {
    if (unique.indexOf(arr[i]) === -1) {
      unique.push(arr[i]);
    }
  }
  return unique;
}

方法11：使用Object
function uniqueArray(arr) {
  const obj = {};
  for (let i = 0; i < arr.length; i++) {
    obj[arr[i]] = true;
  }
  return Object.keys(obj);
}

方法12：使用reduce和Object
function uniqueArray(arr) {
  return Object.keys(arr.reduce((unique, item) => {
    return { ...unique, [item]: true };
  }, {}));
}

方法13：使用ES6 Map
function uniqueArray(arr) {
  const seen = new Map();
  return arr.filter(item => !seen.has(item) && seen.set(item, true));
}

方法14：使用ES6 Map和Array.from
function uniqueArray(arr) {
  const seen = new Map();
  return Array.from(arr.filter(item => !seen.has(item) && seen.set(item, true)));
}

方法15：使用reduce和includes
function uniqueArray(arr) {
  return arr.reduce((unique, item) => {
    return unique.includes(item) ? unique : [...unique, item];
  }, []);
}

方法16：使用ES6 Set和Array.from
function uniqueArray(arr) {
  return Array.from(new Set(arr));
}

方法17：使用forEach和includes
function uniqueArray(arr) {
  const unique = [];
  arr.forEach(item => {
    if (!unique.includes(item)) {
      unique.push(item);
    }
  });
  return unique;
}

方法18：使用filter和Set
function uniqueArray(arr) {
  return arr.filter((item, index) => arr.indexOf(item) === index);
}

方法19：使用reduce和Object
function uniqueArray(arr) {
  return Object.keys(arr.reduce((unique, item) => {
    return { ...unique, [item]: true };
  }, {}));
}

方法20：使用for循环和includes
function uniqueArray(arr) {
  const unique = [];
  for (let i = 0; i < arr.length; i++) {
    if (!unique.includes(arr[i])) {
      unique.push(arr[i]);
    }
  }
  return unique;
}

这些方法各有特点，包括性能、可读性和语法的差异。在实际应用中，可以根据具体情况选择最合适的方法来实现数组去重。