1、添加
(1)unshift():将元素添加到数组的头部位置,返回新数组的的长度。
let array=[1,'元素'];
array.unshift('头部');
console.log(array);//[ '头部', 1, '元素' ]
(2)push():将元素添加到数组尾部,返回新数组的长度
array.push('尾部');
console.log(array);//[ '头部', 1, '元素','尾部']
2、删除
(1)shift():删除数组的头部元素,返回值是删除的元素
console.log(array.shift());//头部
console.log(array);//[1, '元素','尾部']
(2)pop():删除数组的尾部元素,返回值是删除的元素
console.log(array.pop());//尾部
console.log(array);//[1, '元素']
3、任意位置
splice(start,delnum,ele1,ele2):从start位置开始删除或者添加,删除个数为delnum,ele1,ele2为从start开始添加的元素。返回值是新数组,元素是删除的元素,会影响原数组。
添加:
let array=['头部',1,'元素','尾部'];
console.log(array.splice(1,0,1,2));//[]
console.log(array);//[ '头部', 1, 2, 1, '元素', '尾部' ]
删除并添加:
let array=['头部',1,'元素','尾部'];
console.log(array.splice(1,2,1,2));//[1,'元素']
console.log(array);//[ '头部', 1, 2, '尾部' ]
4、查找
indexOf():从前往后查找,返回元素首次出现的位置,不存在则返回-1,NaN始终返回-1;
lastindexOf():从后往前遍历,返回值是元素最后一次出现的位置,不存在返回-1;
应用:
数组去重
function distinct (arr){
let arr1=[];
arr.forEach(function(ele){
if(arr1.indexOf(ele)==-1){
arr1.push(ele);
}
});
return arr1;
}
console.log(distinct([1,2,2,3,4,5,5]));//[ 1, 2, 3, 4, 5 ]
5、转换成字符串
String()
toString()
join():拼接元素变成字符串,生成新的字符串,不会影响原数组
6、翻转
reverse():翻转数组中的元素,影响原数组
7、排序
sort():返回值是-1则交换位置,影响原数组
arr.sort(function((a,b){
return(a-b);
}))
8、截取
slice(start,end):不会影响原数组,支持负数,-1表示数组最后一个元素,不传参则默认截取整个数组,不存在交集则返回[]
9、数组迭代器方法:
(1).forEach(function(ele,index,arr){}):不会产生新数组,没有返回值;
(2).some(function(ele,index,arr){}):返回值是布尔值,只要有一个满足条件,返回true;
(3).every(function(ele,index,arr){}):返回值是布尔值,都满足才是true;
(4).map(function(ele,index,arr){}):有返回值,把每次的执行结果组合成新数组;
(5).filter(function(ele,index,arr){}):将数组中满足条件的元素过滤出来
应用:
数组去重
arr.filter(function(ele,index,arr){
return arr.indexOf(ele)=index;
})
10、累加
reduce(function(prev,next,index,arr){},defalvalue):
prev:上一次的返回值,初始值默认数组的第一个元素;
next:下一个值,初始值默认为数组的第二个元素;
index:next的下标;
arr:原数组;
defalvalue:设置后,prev=defalvalue,next=arr[0];
数组累加:
let arr=[1,2,3,4]
let sum=arr.reduce(functioon(prev,next){
return prev+next;//prev*next 累乘
});
console.log(sum);//10
11、合并
(1)concat():将多个数组合并为新数组
(2)... :扩展运算符(ES6)
12、判断是否为数组
isArray():返回布尔值
(另有:instanceOf操作符,判断左侧是否为右侧的实例化对象)
13、ES6:
(1)Array.of():将一组值转换为数组;
(2)Array.from():将一个类数组对象或者可以遍历的对象转换成数组;
条件:
该类数组对象必须具有llength属性;
该类数组对象的属性名必须为数值型或字符串型的数字
let arr=Array.from(arguments);
(3)copywithin(index,startindex,endindex)
index : 从index位置开始替换元素
stratindex:开始截取替换的元素的位置
endindex:结束截取替换的元素的位置
(4)find():返回第一个满足条件的元素,不存在返回undefined
(5)fill():填充数组,会影响原数组
(6)includes():返回值是布尔值,相比indexOf,NaN不影响
(7)数组扁平化
.flat(Infinity):拉伸n层