1.join() 将数组分割为字符串,默认以逗号分隔
(不改变原数组)
let arr=[1,2,3]
console.log(arr.join()) //1,2,3 默认以逗号分割
console.log(arr.join('-')) //1-2-3
console.log(arr) //[1,2,3]
2.push() 在数组的末尾增加新元素,返回数组的长度
pop() 移除数组最后一项,返回移除的元素,如果数组为空,则返回undefined
let arr=[1,2,3]
console.log(arr.push(4)) //数组长度为4
console.log(arr) //[1,2,3,4]
console.log(arr.pop()) //4
console.log(arr) //[1,2,3]
3.unshift() 在数组开头增加新元素,返回数组的长度
shift() 删除数组第一项,返回删除的元素,如果数组为空,则返回undefined
let arr=[1,2,3]
console.log(arr.unshift(5)) //4
console.log(arr) //[5,1,2,3]
console.log(arr.shift()) //5
console.log(arr) //[1,2,3]
4.sort() 将数组进行排序,比较的是字符串,没有办法对数值大小进行排序
let arr=['12','5','3','8','2','1']
console.log(arr.sort()) // ["1", "12", "2", "3", "5", "8"]
let arr1=['a','c','r','b']
console.log(arr1.sort()) // ["a", "b", "c", "r"]
console.log(arr1) // ["a", "b", "c", "r"]
要对数值大小进行排序,使用函数
let arr=['12','5','3','8','2','1']
sortFunction=(a,b)=>{
return a -b
}
console.log(arr.sort(sortFunction)) // ["1", "2", "3", "5", "8", "12"]
5.reverse() 反转数组的顺序
let arr=['12','5','3']
console.log(arr.reverse()) // ["3", "5", "12"]
console.log(arr) // ["3", "5", "12"]
6.concat() 将参数添加到原数组中(现在用扩展运算符实现数组拼接)
(不改变原数组)
let arr = [1,2,5,7];
let arrCopy = arr.concat(3,[4,5],5)
console.log(arrCopy) //[1, 2, 5, 7, 3, 4, 5, 5]
console.log(arr) //[1,2,5,7]
7.slice() 返回从原数组中指定开始下标到结束下标之间的项组成的新数组。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。
(不改变原数组)
let arr = [1,2,3,4,5,6]
console.log(arr.slice(1)) //[2,3,4,5,6]
console.log(arr.slice(1,4)) //[2,3,4]
console.log(arr.slice(-4,-1)) //[3,4,5]
console.log(arr) // [1, 2, 3, 4, 5, 6]
8.splice() 删除,插入,替换
删除:指定 2 个参数,要删除的第一项的位置和要删除的项数。
let arr = [1,2,3,4,5,6]
console.log(arr.splice(1,2)) //[2,3]
console.log(arr) // [1, 4, 5, 6]
插入:提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。
let arr = [1,2,3,4,5,6]
console.log(arr.splice(1,0,8,5)) //[]
console.log(arr) // [1,8,5,2,3,4,5,6]
替换:(同时删除和插入)
let arr = [1,2,3,4,5,6]
console.log(arr.splice(1,1,0,0)) //[2] 删除的元素
console.log(arr) // [1,0,0,3,4,5,6]
重点!!!! 跟slice不一样,splice 会改变原数组
9.indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。从数组的开头开始向前查找
lastIndexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。从数组的末尾开始向前查找。
let arr = [1,2,5,3,4,5,6]
console.log(arr.indexOf(3)) // 3
console.log(arr.lastIndexOf(5)) // 5
console.log(arr.lastIndexOf("5")) // -1
10.forEach():对数组进行遍历循环,该方法没有返回值。默认有传参,参数分别为:遍历的数组内容;对应的数组索引,数组本身。
(不改变原数组)
let arr = [1,2,5]
const result=arr.forEach((item,index,arr)=>{
console.log(item*2) //2,4,10
})
console.log(result) //undefined
console.log(arr) //[1,2,5]
11.map():对数组进行遍历循环,该方法有返回值
(不改变原数组)
let arr = [1,2,5]
const result=arr.map((item,index,arr)=>{
return item*2
})
console.log(result) //[2,4,10]
console.log(arr) //[1,2,5]
12.filter():“过滤”功能,返回满足过滤条件组成的数组
(不改变原数组)
let arr = [1,2,5,6,8]
const result=arr.filter((item,index,arr)=>{
return item%2===0
})
console.log(result) //[2,8,8]
console.log(arr) //[1,2,5,6,8]
13.every():判断数组中每一项都是否满足条件,遇到不满足条件,则跳出循环,只有所有项都满足条件,才会返回true。
let arr = [1,2,5,6,8]
const result=arr.every((item,index,arr)=>{
return item>2
})
console.log(result) //false
console.log(arr) //[1,2,5,6,8]
14.some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。
let arr = [1,2,5,6,8]
const result=arr.some((item,index,arr)=>{
console.log(item) //1 2 5
return item>2
})
console.log(result) //true
console.log(arr) //[1,2,5,6,8]
15.find():找到第一个符合条件的成员,没有符合的则返回 undefined
findIndex():,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。
let arr = [1,2,5,6,8]
const result=arr.find((item)=>{
return item%2===0
})
console.log(result) //2
console.log(arr) //[1,2,5,6,8]
let arr = [1,2,5,6,8]
const result=arr.findIndex((item)=>{
return item%2===0
})
console.log(result) //1
console.log(arr) //[1,2,5,6,8]
16.entries(),keys() 和 values()
keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历
let arr = [1,2,5,6,8]
console.log(arr.values()) //Array Iterator {}对象
console.log(arr.keys()) //Array Iterator {}对象
console.log(arr.entries()) //Array Iterator {}对象
console.log([...arr.values()]) //[1, 2, 5, 6, 8]
console.log([...arr.keys()]) // [0, 1, 2, 3, 4]
console.log([...arr.entries()]) //[Array(2), Array(2), Array(2), Array(2), Array(2)]
for(let i of arr.entries()){
console.log(i) //[0,1][1,2][2,5][3,6][4,8]
}
17.reduce(): reduce() 方法接收一个函数作为累加器,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。
//数组求和
let arr=[1,2,3,4]
let result=arr.reduce((acc,cur,index,arr)=>{
return acc+cur
},0)
console.log(result) //10
console.log(arr) //[1,2,3,4]
//将二维数组转换为一维数组
let arr=[[1,2],[3,4],[5,6]]
let result=arr.reduce((acc,cur,index,arr)=>{
return acc.concat(cur)//或者 [...acc,...cur]
},[])
console.log(result) //[1, 2, 3, 4, 5, 6]
console.log(arr) //[[1,2],[3,4],[5,6]]
或者
let arr=[[1,2],[3,4],[5,6]]
let result=arr.flat()
console.log(result)// [1, 2, 3, 4, 5, 6]
//计算数组中元素的个数
let arr=['1','2','3','4','4','2','3','5']
const result=arr.reduce((acc,cur)=>{
console.log(acc)
if (cur in acc){
acc[cur]++
}
else{
acc[cur]=1
}
return acc
},{})
console.log(result) //{1: 1, 2: 2, 3: 2, 4: 2, 5: 1}
学习来源:https://www.cnblogs.com/zyfeng/p/10541133.html