数组各种方法简单记录

85 阅读1分钟

增加元素

push, unshift

使用push方法在数组尾部增加元素。默认添加一个,可以使用...展开语法来在数组之后增加数组

let arr1 = ['zky', 'zkysnow', 'zkyyy']
let arr2 = ['hello']

arr2.push('world')
console.log(arr2)
// 输出 ["hello","world"]
arr2.push(...arr1)
console.log(arr2)
// 输出 ["hello","world","zky","zkysnow","zkyyy"]

unshift方法,在数组头部添加元素,不再进行演示

遍历

forEach

forEach方法不返回值,对数组每个元素进行遍历

let arr1 = ['zky', 'zkysnow', 'zkyyy']
let arr2 = ['hello']

arr1.forEach((item,index,array)=>{
  arr1[index] = item + 's'
})
console.log(arr1)

for, in || for, of

for..in.. 方法遍历拿到的是数组的索引值 for..of.. 方法拿到的是数组的元素值

let arr1 = ['zky', 'zkysnow', 'zkyyy']

for(const key in arr1){
  console.log(key)
}
//输出 0 1 2
for(const item of arr1){
    console.log(item)
}
//输出 zky zkysnow zkyyy

map

有返回值,forEach无返回值


const arr2 = arr1.map((item,index)=>{
  return item + 's'
})
console.log(arr2)
// 输出 ["zkys","zkysnows","zkyyys"]

过滤

filter

写到这里剩下的方法基本就很少涉及到了,我写过的项目里面最常用的就是以上的方法,filter过滤方法可以过滤元素,返回一个新数组。

let arr1 = ['zky', 'zkysnow', 'zkyyy']

const arr2 = arr1.filter((item)=>{
  if(item === 'zky')
    return true
})
console.log(arr2)
// 输出 ["zky"]