在日常开发中,我们对数组可以说操作最多,这里我们来整理下数组的一下最常用的方法
数组基本操作可以归纳为 增、删、改、查,需要留意的是哪些方法会对原数组产生影响,哪些方法不会
下面对数组常用的操作方法做一个归纳
一、基本方法
增
下面前三种是对原数组产生影响的增添方法,第四种则不会对原数组产生影响
push()
unshift()
splice()
concat()
push()
push()方法接收任意数量的参数,并将它们添加到数组末尾,返回数组的最新长度
let arr = []
let num = arr.push('1','2')
num // 2
unshift()
unshift()在数组开头添加任意多个值,然后返回新的数组长度
let arr = []
let num = arr.unshift('1','2')
num // 2
splice
传入三个参数,分别是开始位置、0(要删除的元素数量)、插入的元素,返回空数组
let arr = ['1','2','3']
let _num = arr.splice(1,0,'4','5')
arr // ['1', '4', '5', '2', '3']
_num // []
concat()
首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾,最后返回这个新构建的数组,不会影响原始数组
let arr = ['1','2','3']
let arr1 = arr.concat('4',['5','6'])
arr // ['1', '2', '3']
arr1 // ['1', '2', '3', '4', '5', '6']
删
下面三种都会影响原数组,最后一项不影响原数组:
pop()
shift()
splice()
slice()
pop()
pop() 方法用于删除数组的最后一项,同时减少数组的length 值,返回被删除的项
let arr = ['1','2']
let _item = arr.pop() // 取得最后一项
arr //['1']
_item //'2'
shift()
shift()方法用于删除数组的第一项,同时减少数组的length 值,返回被删除的项
let arr = ['1','2','3']
let _item = arr.shift()//取得第一项
arr // ['2', '3']
_item //'1'
splice()
传入两个参数,分别是开始位置,删除元素的数量,返回包含删除元素的数组
let arr = ['1','2','3']
let _item = arr.splice(0,1)//删除第一项
arr // ['2', '3']
_item //['1']
slice()
slice() 用于创建一个包含原有数组中一个或多个元素的新数组,不会影响原始数组,包含两个参数,起止,如果是输入一个参数,表示开始位置到完,如果输入两个参数,不包含后面的位置
let arr = ['1','2','3','4','5']
let arr1 = arr.slice(1)
let arr2 = arr.slice(1,3)
arr // ['1', '2', '3', '4', '5']
arr1 //['2', '3', '4', '5']
arr2// ['2', '3']
改
即修改原来数组的内容,常用splice
splice()
传入三个参数,分别是开始位置,要删除元素的数量,要插入的任意多个元素,返回删除元素的数组,对原数组产生影响
let arr = ['1','2','3','4','5']
let _item = arr.splice(1,1,'0','-1')
arr //['1', '0', '-1', '3', '4', '5']
_item //['2']
查
即查找元素,返回元素坐标或者元素值
indexOf()
includes()
find()
indexOf()
返回要查找的元素在数组中的位置,如果没找到则返回-1
let arr = ['1','2','3','4','5']
arr.indexOf('1') //0
includes()
返回要查找的元素在数组中的位置,找到返回true,否则false
let arr = ['1','2','3','4','5']
arr.includes('2') //true
find()
返回第一个匹配的元素
let arr = [
{
key:'1',
name: '123'
},{
key:'2',
name:'456'
}]
arr.find(item=>item.key==='1') //{key: '1', name: '123'}
二、排序方法
数组有两个方法可以用来对元素重新排序:
reverse()
sort()
reverse()
顾名思义,将数组元素方向排列
let arr = [1,2,3,4,5,6]
arr.reverse() // [6, 5, 4, 3, 2, 1]
sort()
sort()方法接受一个比较函数,用于判断哪个值应该排在前面
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
let arr = [10,1,8,15,2,0]
arr.sort(compare) // [0, 1, 2, 8, 10, 15]
三、转换方法
常见的转换方法有:join()
join()
join() 方法接收一个参数,即字符串分隔符,返回包含所有项的字符串,不会改变原数组
let arr = [1,2,3]
arr.join(',') //'1,2,3'
arr // [1, 2, 3]
arr.join('-') //'1-2-3'
四、迭代方法
常用来迭代数组的方法(都不改变原数组)有如下:
some()
every()
forEach()
filter()
map()
some()
对数组每一项都运行传入的函数,如果有一项函数返回 true ,则这个方法返回 true
let arr= [1,2,3,4]
arr.some(item=>item>3) //true
every()
对数组每一项都运行传入的函数,如果对每一项函数都返回 true ,则这个方法返回 true
let arr = [1,2,3,4,5]
arr.every(item=>item>2) //false
arr.every(item=>item>=1) //true
forEach()
对数组每一项都运行传入的函数,没有返回值
let arr = [1,2,3,4]
arr.forEach(item=>{
//要执行的内容
})
filter()
对数组每一项都运行传入的函数,函数返回 true 的项会组成数组之后返回
let arr= [1,2,3,4,5]
arr.filter(item=>item>3) // [4, 5]
map()
对数组每一项都运行传入的函数,返回由每次函数调用的结果构成的数组
let arr = [1,2,3,4]
let arr1 = arr.map(item=>item*2)
arr1 // [2, 4, 6, 8]
arr // [1, 2, 3, 4]