数组总结,持续更新~

184 阅读1分钟

数组的基础方法,就不一一介绍了,这里会介绍一些常用的ES6的一些常用方法,

在这之前,先说一些数组的常见问题。

1 数组的构建

数组的普通调用,等于构造调用。

下面的3种方式,都是一样的。

let arr = Array(1, 2)
let arr1 = new Array(1, 2)
let arr2 = [1, 2]

2 稀疏数组

  • 产生
  1. 数组的普通调用和构造调用,如果只传一个数字,则该数字就是数组的length,不是内容。也就是说,数组有length,但没有任何单元,打印显示为empty

    如果传的不是数字,就作为数组第一项的值。

let arr = Array(2)  // [empty, empty]
let arr1 = new Array(2) // [empty, empty]
let arr2 = Array('2')   // ["2"]
let arr4 = new Array('2')   // ["2"]
  1. 跳着插入引起

数组length以现有数组元素,最大下标值计算

let arr = [1, 2, 4]
arr[5] = 7
console.log(arr)    // [1, 2, 4, empty, empty, 7]
  1. 由length非只读引起
let arr = [1, 2, 4]
arr.length = 5
console.log(arr)    // [1, 2, 4, empty, empty]
  1. 逗号引起

数组末尾处,有一个逗号没关系,会自动省略。但超过一个,就有问题

数组中间,或是开头,多一个逗号,都会有问题

let arr = [1, 2, 4, , ,]  // [1, 2, 4, empty, empty]
let arr = [1, 2, , 4]   // [1, 2, 4, empty, 4]
  • 注意,打印输出稀疏数组时,没有的元素,显示为empty,但是该位置是undefined
let arr = [1, 2, , 4]   // [1, 2, 4, empty, 4]
console.log(arr[2])     // undefined

3,数组去重

const arr = [1,2,3,3,3,4,1,7]
const tempObj = arr.reduce((obj, item) => {
  if (item in obj) {
    obj[item]++
  } else {
    obj[item] = 1
  }
  return obj
}, {})
console.log(tempObj)