常用到的 javascript 方法数组去重使用 for 循环遍历去重 forEach + indexOf 结合去重

数组去重

使用 for 循环遍历去重

const deWeightArr = (arr) => {
  let newArr = []
  let isRepeat
  for (let i = 0; i < arr.length; i++) {
    isRepeat = false
    for (let j = 0; j < newArr.length; j++) {
      if (newArr[j] === arr[i]) {
        isRepeat = true
        break
      }
    }
    if (!isRepeat) {
      newArr.push(arr[i])
    }
  }
  return newArr
}

forEach + indexOf 结合去重

const deWeightArr = (arr) => {
  let newArr = []
  arr.forEach(item => {
    if (newArr.indexOf(item) === -1) {
      newArr.push(item)
    }
  })
  return newArr
}

sort 排序去重

const deWeightArr = (arr) => {
  let newArr = []
  arr.sort()
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] !==arr[i+1]) {
      newArr.push(arr[i])
    }
  }
  return newArr
}

includes 去重

const deWeightArr = (arr) => {
  let newArr = []
  arr.forEach(item => {
    if (!newArr.includes(item)) {
      newArr.push(item)
    }
  })
  return newArr
}

Map 去重

const deWeightArr = (arr) => {
  let newArr = []
  let tmp = new Map()
  for (let i = 0; i < arr.length; i++) {
    if (!tmp.get(arr[i])) {
      tmp.set(arr[i], 1)
      newArr.push(arr[i])
    }
  }
  return newArr
}

Set 去重

const deWeightArr =(arr) => Array.from(new Set(arr))

reduce 去重

const deWeightArr = (arr) => {
  return arr.sort().reduce((prev, cur) => {
    if (prev.length === 0 || prev[prev.length - 1] !== prev) {
      prev.push(cur)
    }
    return prev
  }, [])
}

filter 去重

const deWeightArr = (arr) => {
  return arr.filter((item,index,self)=>{
    return self.indexOf(item) === index
  })
}
// 对象数组，以id、name为基准去重
const unique = (arr) => {
  const res= new Map()
  return arr.filter((a)=> !res.has(a.id) && res.set(a.id,1) && !res.has(a.name) && res.set(a.name,1))
}

使用ES6的Set和Map效率最高，reduce()和sort()效率还可以，双层循环效率最低。

数组合并

for 循环

let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6, 7, 8, 9]

for (let i = 0; i < arr2.length; i++) {
  arr1.push(arr2[i])
}

console.log(arr1)               // [1, 2, 3, 4, 5, 6, 7, 8, 9]

concat

let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6, 7, 8, 9]

console.log(arr1.concat(arr2))  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

apply

let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6, 7, 8, 9]
arr1.push.apply(arr1, arr2)
console.log(arr1)               // [1, 2, 3, 4, 5, 6, 7, 8, 9]

扩展运算符 (...)

let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6, 7, 8, 9]

console.log([...arr1, ...arr2])  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

some 和 every 的区别

let arr = [5, 8, 10, 15, 20, 32, 50, 88]

const isBigEnough = (element, index, array) => (element >= 10)
/** some 至少有一个元素满足条件 */
console.log(arr.some(isBigEnough))     // true

/** every 所有有元素都满足条件 */
console.log(arr.every(isBigEnough))     // false

Math

Math.round(x) 的返回值是 x 四舍五入为最接近的整数

Math.round(6.8)     // 返回 7
Math.round(2.3)     // 返回 2

Math.pow(x, y) 的返回值是 x 的 y 次幂
```
Math.pow(8, 2)	    // 返回 64
```
Math.sqrt(x) 返回 x 的平方根
```
Math.sqrt(64)      // 返回 8
```
Math.abs(x) 返回 x 的绝对（正）值
```
Math.abs(-4.7)     // 返回 4.7
```
Math.ceil(x) 的返回值是 x 上舍入最接近的整数
```
Math.ceil(6.4)     // 返回 7
```
Math.floor(x) 的返回值是 x 下舍入最接近的整数
```
Math.floor(2.7)    // 返回 2
```
Math.sin(x) 返回角 x（以弧度计）的正弦（介于 -1 与 1 之间的值）
```
Math.sin(90 * Math.PI / 180)     // 返回 1（90 度的正弦）
```
Math.cos(x) 返回角 x（以弧度计）的余弦（介于 -1 与 1 之间的值
```
Math.cos(0 * Math.PI / 180)     // 返回 1（0 度的余弦）
```

Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值

Math.min(0, 450, 35, 10, -8, -300, -78)  // 返回 -300
Math.max(0, 450, 35, 10, -8, -300, -78)  // 返回 450

Math.random() 返回介于 0（包括）与 1（不包括）之间的随机数
```
Math.random()     // 返回随机数
```

不常用的Math

Math.E 返回欧拉指数
Math.PI 返回圆周率
Math.SQRT2 ( 2 的平方根 )
Math.SQRT1_2 ( 1/2 的平方根 )
Math.LN2 ( 2 的自然对数 )
Math.LN10 ( 10 的自然对数 )
Math.LOG2E ( 2 为底的 e 的对数（约等于 1.414）)
Math.LOG10E ( 以 10 为底的 e 的对数（约等于0.434）)