前端开发每日一学：总结下数组常用方法

前端开发每日一学：总结下数组常用方法。

数组元素增添和删除

操作数组头部

• unshift(value)变异方法 数组头部插入一个元素

• shift()变异方法 移出数组头部的第一个元素

操作数组尾部

• push(value) 变异方法 向数组尾部压入一个元素

• pop() 变异方法 弹出数组尾部一个元素

任意位置增删

splice(start,length[…,value]) 变异方法

第二个参数为个数，不为0的时候表示需要从start开始删除length个元素支持增删一起做。

数组拼接

• concat(…arr) 字符串有该类似方法 

数组转换成字符串

• join(str) 以指定字符进行拼接将数组转换成字符串

• toString() 以","号进行分割将数组转换字符串

截取数组

• slice(start[,end])支持负数 字符串有该类似方法 

数组排序方法

排序

• sort(callback)变异方法 对数组进行排序

回调函数返回 a-b为从大到小进行排序，b-a则为从小到大进行排序。

//callback回调函数格式
function callback(a,b) {
    return a-b
}

顺序翻转

reverse()变异方法 对数组的顺序进行反转

数组迭代方法

数组遍历查找

返回值为下标

• indexOf(targetValue) 从左到右数组进行遍历，查找目标值的所在下标,返回第一次出现的下标值.

• lastIndexOf(targetValue) 从右到左对数组进行遍历，查找目标值所在下标,返回第一次出现的下标值.

• findIndex(callback) 通过回调函数对数组元素进行条件判断，返回第一次满足条件的元素下标值

返回值为内容

• find(callback) 通过回调函数对数组元素进行条件判断，返回第一次满足条件的元素值 

数组遍历处理

callback(value[,index[,array]])

//callback回调函数格式
function callback( value, index, array) {
	//处理
	...
	return ... //此处是否不需要retrun语句下面对其进行标注
}

• forEach(callback) 对数组进行遍历处理仅处理无返回值。callback不需要return语句

• map(callback) 遍历数组每一个元素使用callback对数组进行处理，并且将callback处理过的返回值加入到新数组并返回新数组。

• filter(callback) 对数组进行过滤操作，返回callback返回值为true的元素组成的新数组。

• every(callback) 对数组进行遍历，如果callback返回值都为true，则方法的返回值为true

• some(callback) 对数组进行遍历，如果callback返回值有一个为true，则方法的返回值为true

callback(total,value[,index[,array]])

//callback回调函数格式
function callback(total, value, index, array) {
  return total + value;
}

• reduce(callback[,初始值])
  

从左往右数组依次缩短，同时上一次处理的结果total传入下次回调函数的作为参数供回调函数使用

• reduceRight(callback[,初始值])
  

从右往左数组依次缩短，同时上一次处理的结果total传入下次回调函数的作为参数供回调函数使用

数组其他方法

includes(value) ES6 判断数组是否包含某个元素。