js数组常用操作

1、快速生成100个只有name的用户

// 方法一
new Array(100).fill(null).map((item,index) => (
{name: `name${index+1}`}
))

// 方法二 Array.from()方法是将类数组对象或可遍历对象转换为真正的数组
Array.from({length: 100}, (v,i) =>(
{name: `name${index+1}`}
))

// 打印出来[{name: 'name1'},{name: 'name2'}...{name: 'name100'}]

2、快速生成100个年龄随机的在100以内的用户

// >> 0是向下取整数
const createValues = (creater, length = 10) => Array.from({length}, creater)
const createUser = (v,i) => {
  return {
    name: `user-${i+1}`,
    age: (Math.random()*100 >> 0
  }
}
const user = createValues(createUser, 100)
// 打印user [{age: 38, name: 'user-1'}, ...{age: 84, name: 'user-100'}]

3、去掉数组中的假值 false,0, undefined, NaN, null

const arr = [false, 0, undefined, '', NaN, 9, true, null]
// Boolean作为一个函数的时候，能根据元素的真假类型，对应的返回true/false
const res = arr.filter(Boolean)
// res打印出来[9,true]

4、去掉数组对象中的重复值

// key是判断重复的依据属性，这里a属性的值相同就认为是重复
function unique(arr = [], key){
  const keyValues = new Set()
  let val = ''
  return arr.filter(obj => {
    // 保存当前的key
    val = obj[key]
    if(keyValues.has(val)){
      return false
    }
    keyValues.add(val)
    return true
  })
}
const arr = [{a: 1}, {a:2},{a: 1}]
console.log(unique(arr, 'a')) // [{a: 1}, {a:2}]

5、找出数组中的最大值和最小值

const array = [1,4,1555,9]
// apply解决参数问题，因为Math.max只支持Math.max(1,6,3)不支持[1,6,3]
Math.max.apply(Math, array)
Math.min.apply(Math, array)

6、生成序列

const createValues = (creater, length = 10) => Array.from({length}, creater)
// start + i * step 下一个元素
const createRange = (start, stop, step) => createValues((v,i) => start + i * step, (stop - start) / step + 1)
const values = createRange(1, 10, 3)
console.log(values) // [1, 4, 7, 10]