Skip to content

3. 数组去重

ES5 的写法:

js
/**
 * @param {Array} arr
 */
function unique(arr) {
  const res = arr.filter((item, index, array) => {
    return array.indexOf(item) === index
  })
  return res
}

/**
 * @param {Array} arr
 */
const unique_es6 = arr => [...new Set(arr)]

/**
 * @param {any[]} arr
 */
function unique_set(arr) {
  const set = new Set(arr)
  return Array.from(set)
}

/**
 * @param {any[]} arr
 */
function unique_with_order(arr) {
  const set = new Set()
  const res = []
  for (let i = 0; i < arr.length; i++) {
    if (!set.has(arr[i])) {
      set.add(arr[i])
      res.push(arr[i])
    }
  }
  return res
}

function test() {
  const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1]
  console.log(unique(arr))
  console.log(unique_es6(arr))
  console.log(unique_set(arr))
  console.log(unique_with_order(arr))
}

test()

上述的方法效率不高,ES6 的 Set 使用哈希表,有更好的效率:

js
/**
 * @param {Array} arr
 */
function unique(arr) {
  const res = arr.filter((item, index, array) => {
    return array.indexOf(item) === index
  })
  return res
}

/**
 * @param {Array} arr
 */
const unique_es6 = arr => [...new Set(arr)]

/**
 * @param {any[]} arr
 */
function unique_set(arr) {
  const set = new Set(arr)
  return Array.from(set)
}

/**
 * @param {any[]} arr
 */
function unique_with_order(arr) {
  const set = new Set()
  const res = []
  for (let i = 0; i < arr.length; i++) {
    if (!set.has(arr[i])) {
      set.add(arr[i])
      res.push(arr[i])
    }
  }
  return res
}

function test() {
  const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1]
  console.log(unique(arr))
  console.log(unique_es6(arr))
  console.log(unique_set(arr))
  console.log(unique_with_order(arr))
}

test()

新增 标准一点的写法:

js
/**
 * @param {Array} arr
 */
function unique(arr) {
  const res = arr.filter((item, index, array) => {
    return array.indexOf(item) === index
  })
  return res
}

/**
 * @param {Array} arr
 */
const unique_es6 = arr => [...new Set(arr)]

/**
 * @param {any[]} arr
 */
function unique_set(arr) {
  const set = new Set(arr)
  return Array.from(set)
}

/**
 * @param {any[]} arr
 */
function unique_with_order(arr) {
  const set = new Set()
  const res = []
  for (let i = 0; i < arr.length; i++) {
    if (!set.has(arr[i])) {
      set.add(arr[i])
      res.push(arr[i])
    }
  }
  return res
}

function test() {
  const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1]
  console.log(unique(arr))
  console.log(unique_es6(arr))
  console.log(unique_set(arr))
  console.log(unique_with_order(arr))
}

test()

新增 对于需要顺序的去重,则需要手写:

js
/**
 * @param {Array} arr
 */
function unique(arr) {
  const res = arr.filter((item, index, array) => {
    return array.indexOf(item) === index
  })
  return res
}

/**
 * @param {Array} arr
 */
const unique_es6 = arr => [...new Set(arr)]

/**
 * @param {any[]} arr
 */
function unique_set(arr) {
  const set = new Set(arr)
  return Array.from(set)
}

/**
 * @param {any[]} arr
 */
function unique_with_order(arr) {
  const set = new Set()
  const res = []
  for (let i = 0; i < arr.length; i++) {
    if (!set.has(arr[i])) {
      set.add(arr[i])
      res.push(arr[i])
    }
  }
  return res
}

function test() {
  const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1]
  console.log(unique(arr))
  console.log(unique_es6(arr))
  console.log(unique_set(arr))
  console.log(unique_with_order(arr))
}

test()