JavaScript数组(常用)

79 阅读1分钟

数组

1.创建空数组的两种方式

let arr = []
let arr = new Array() 

2.数组方法

pop/push, shift/unshift

  • push 在末尾添加一个元素;
  • pop 从末尾取出一个元素;

pop

let arr = ['zs', 'ls', 'ww', 'zl']
console.log(arr.pop())
console.log(arr)  // zl  返回取出的元素

push

let arr = ['zs', 'ls', 'ww', 'zl']
console.log(arr.push('qwe'))  // 5 默认返回数组的长度
console.log(arr)  // 返回数组

shift

取出数组的第一个元素

let arr = ['zs', 'ls', 'ww', 'zl']
console.log(arr.shift())  
console.log(arr)  // 返回数组

unshift

在数组开始添加元素

let arr = ['zs', 'ls', 'ww', 'zl']
console.log(arr.shift())  
console.log(arr)  // 返回数组

splice

添加、删除、修改、插入

let arr = ['zs', 'ls', 'ww', 'zl']
arr.splice(1, 1) // 从索引 1 开始删除一个元素
let del = arr.slice(1, 1)
console.log(del)  // ls

arr.splice(start,length, item1,item2, ...) start开始删除 length 个元素,并在当前位置插入新的 item

slice

语法: arr.slice(start, end) 截取数组:从start开始,不包括end,返回新数组

let arr = ['zs', 'ls', 'ww', 'zl']
console.log(arr.slice(1,3))

concat

拼接数组

arr.concat()创建一个新数组,其中包含来自于其他数组和其他项的值
语法:
arr.concat(arr1, arr2...)

遍历数组

下面这几种方法都有三个参数 参数一:item---数组的每一项 参数二:index---数组的索引 参数三:arr---数组本身

forEach

arr.forEach((item,index,arr) => {
    console.log(item)
})

map

let res = arr.map(item => {
    // 返回新值而不是当前元素
})

filter

返回的所有匹配元素组成的数组

let users = [
{id: 1, name: '小明'},
{id: 2, name: '小红'},
{id: 3, name: '小芳'}
]
let res = users.flter(item => {
    item.id < 3
})
console.log(res)

every

检查数组,全都符合条件返回 true

some

检查数组,有一项符合条件返回 true

find