javascript 数组总结

定义数组

let arr = []//推荐使用
//利用构造
let arr = new Array()
let arr = new Array(1,2，3)// [1,2,3]

增删改查

数组元素的新增

let arr = []
arr[0] = 1 //[1]

//栈
arr.push(2)//[1,2]
//队列
arr.unshift(3)//[3,1,2]

数组元素的修改

//如果存在索引修改对应项，反之新增一项
arr[2] = 123//[3,1,123]

数组元素的删除

arr.length = 0
arr.pop()//删除最后一个元素 [3,1]
arr.shift()//删除第一个元素 [1]

其他操作

let arr = [1,2,3]

//判断是否为数组
Array.isArray(arr) //true 

//toString()
arr.toStrign() //1,2,3

//reverse()倒置
arr.reverse() // [3,2,1]

//sort()
arr.sort() //[1,2,3]

//concat()合并
let arr1 =[1]
let arr2 = [2,3]
arr1.concat(arr2)// [1,2,3]

//slice() 
/*
删除 :删除指定数量的元素，两个参数，要删除第一个元素的位置和要删除元素的数量
插入:向指定位置插入指定数量的项，3个参数，起始位置，0，要插入的项，
替换=>向指定位置插入指定数量的元素，同时删除指定数量的元素,3个参数，起始位置，要删除的元素数量，要插入的的元素的数量
*/

let arr = [1,2,3,4,5,6,7,8]
arr.slice(2,1)//[1,2,4,5,6,7,8] 从索引为2 的元素开始删除一个元素

arr.slice(2,0,123,456)//[1,2,123,456,4,5,6,7,8]从索引为2 的元素开始删除0个元素,并在索引为2的位置插入对应的值

let arr = [1,2,3,4,5,6,7,8]
arr.splice(2,2,666,66，6);// [1,2666,66,6,5,6,7,8]从索引为2 的元素开始删除2个元素,并在索引为2的位置插入对应的值

//join()
let arr = [1,2,3]
arr.join('-')//1-2-3

//indexOf()
arr.indexOf(2)//1

//reduce() 归并
let arr = [1,2,3,4,5];
let sum=array.reduce((preVal,val,index,arr)=>{
    return preVal + val
}) //15

遍历

//every
let arr = [1,2,3]
arr.every((val, index, arr) =>  val > 2)//false

//some
let arr = [1,2,3]
arr.some((val, index, arr) => val > 2)//true

//filter
let arr = [1,2,3]
arr.filter((val, index, arr) =>  val > 2)//[3]

//map
let arr = [1,2,3]
arr.map((val, index, arr) =>  val++ > 2)//[2,3,4]

//forEach 和for（let i = 0; i < arr.length; i++）

ES6新增

//from()
// 用于将类对象转为真正的数组，类似数组的对象和可遍历的对象
let obj = {0: '000', 1: '111', 2: '222', 3: '333', length: 3}
let arrays = Array.from(obj);//[ '000', '111', '222' ]
arrays.push('444');//[ '000', '111', '222', '444' ]
const str = 'wdnmdzz'
Array.from(str)//['w', 'd', 'n','m', 'd', 'z','z']

// of()
Array.of(1, 2, 3) //[ 1, 2, 3 ]
// 和直接使用Array构造的区别
Array(10)//[ <10 empty items> ]
Array.of(10)//[ 10 ]

//copyWithin()
//在当前数组内部，将指定位置的成员复制到其他位置
[1, 2, 3, 4, 5].copyWithin(0, 3)
// [4, 5, 3, 4, 5]

// find()
// 返回符合匹配条件的第一个数组元素
[1, 2, 3, 4, 5].find(val => val > 3)//4
[1, 2, 3, 4, 5].findIndex(val => val > 3)//3 (返回符合条件的索引)

// fill()
//用6从索引为2的元素替换到索引为4 的元素
[1,2,3,4,5].fill(6,2,4)//[ 1, 2, 6, 6, 5 ]

//数组实例的 entries()，keys() 和 values() 
for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"

// includes()
//给定的值是否存在于数组中，返回boolean
[1,2,3,4,5].includes(1)//true
[1,2,3,4,5].includes(6)//false

// flat()
// 数组扁平化，将多维数组转换为一维数组
[1,[2,3],4].flat()//[1,2,3,4]
// 可传参数要拉平的层数
[1,[2,[3]],4].flat(2)//[1,2,3,4]