push
- 作用:向数组末尾追加项(可以多项,多项直接用逗号分隔)
- 参数:需要添加到数组的项
- 返回值:数组追加项之后的长度
- 原数组是否改变:是
var ary1 = [1, 2, 3];
var r1 = ary1.push(4, 5);
console.log(ary1, r1);
pop
- 作用:删除数组末尾一项
- 参数:无
- 返回值:被删除的数组项
- 原数组是否改变:是
var ary2 = [1, 2, 4];
var r2 = ary2.pop();
console.log(ary2, r2);
unshift
- 作用:向数组开头添加项
- 参数:需要追加到开头的项
- 返回值:追加完内容后的数组新长度
- 原数组是否改变:是
var ary3 = [1, 2, 3];
var r3 = ary3.unshift(4, 5);
console.log(ary3, r3);
shift
- 作用:删除数组起始一项
- 参数:无
- 返回值:被删除的项
- 原数组是否改变:是
var ary4 = [1, 2, 3];
var r4 = ary4.shift();
console.log(ary4, r4);
splice(n,m)
- 作用:从索引为 n 开始删除 m 个
- 参数:起始索引 n,要删除的个数
- 返回值:由删除的项组成新数组
- 原数组是否改变:是
var ary5 = [1, 2, 3];
var r5 = ary5.splice(1, 2);
console.log(ary5, r5);
splice(n,m,x)
- 作用:从索引 n 开始删除 m 个,用 x 替换删除的部分
- 参数:起始索引,删除个数,用来替换的数组项x
- 返回值:被删除的项组成的新数组
- 原数组是否改变:是
var ary6 = [1, 2, 3];
var r6 = ary6.splice(1, 1, 5);
console.log(ary6, r6);
slice(n,m)
- 作用:从索引 n 开始复制到索引 m(不包括m)
- 参数:起始索引 n,终点索引 m; 注意:m 不写就是复制到最后一项,如果 n 和 m 都不写也是从开头复制到末尾
- 返回值:复制的项组成的新数组
- 原数组是否改变:否
var ary8 = [1, 2, 4, 5];
var r8 = ary8.slice(1, 3);
var r9 = ary8.slice(1);
var r10 = ary8.slice();
var r11 = ary.slice(0);
console.log(r8);
console.log(r9);
console.log(r10);
console.log(r11);
concat()
- 作用:将数组拼接起来
- 参数:需要拼接的数组或者数组项
- 返回值:拼接过后的新数组
- 原数组是否改变:否
var ary12 = [1, 3, 5, 7];
var r12 = ary12.concat([9, 11]); // 参数传递一个数组
console.log(ary12, r12);
var r13 = ary12.concat(9, 11); // 参数传递数组项
console.log(ary12, r13);
var r14 = ary12.concat(); // 一个参数不传相当于把数组复制一份
console.log(r14);
console.log(r14 === ary12); // false
join()
- 作用:根据参数指定的分隔符把数组连接成字符串
- 参数:分隔符,不指定时默认空字符串
- 返回值:拼接过后的字符串
- 原数组是否改变:否
var ary15 = [1, 3, 5, 7];
var str15 = ary15.join('+');
console.log(ary15, str15);
toString()
- 作用:把数组转换成字符串
- 参数:无
- 返回值:字符串
- 原数组是否改变:否
var ary16 = [1, 2, 5, 8];
var str16 = ary16.toString();
console.log(ary16, str16);
indexOf()
- 作用:数组项 x 在数组中第一次出现的索引位置
- 参数:数组项x
- 返回值:如果数组中存在该项,就返回该项第一次出现的索引,如果不存在,则返回 -1
- 原数组是否改变:否
var ary17 = [1, 3, 5, 7];
var r17 = ary17.indexOf(3);
console.log(ary17, r17);
var r18= ary17.indexOf('bingo');
console.log(ary17, r18); // -1
lastIndexOf()
- 作用:数组项 x 在数组中最后一次出现的索引位置
- 参数:数组项x
- 返回值:如果数组中存在该项,就返回该项最后一次出现的索引,如果不存在,则返回 -1
- 原数组是否改变:否
var ary19 = [1, 3, 5, 7, 3];
var r19 = ary19.lastIndexOf(3);
console.log(ary19, r19);
var r20 = ary19.lastIndexOf('bingo');
console.log(ary19, r20); // -1
sort
- 作用:给数组按照升序或者降序排列
- 参数:回调函数
- 返回值:如果回调函数 return a - b 就返回升序排列后的数组
- 如果回调函数 return b - a,返回降序排列后的数组;
- 原数组是否改变:是
//sort(function (a, b) {
//return a - b
//})
var ary21 = [1, 5, 2, 6, 4];
var r21 = ary21.sort(function (a, b) {
return a - b
});
var r22 = ary21.sort(function (a, b) {
return b - a;
});
console.log(ary21, r21, r22);
reverse()
- 作用:让数组翻转过来排列
- 参数:无
- 返回值:翻转过后的数组
- 原数组是否改变:是
var re = ary21.reverse();
console.log(ary21, re);
forEach
- 作用:遍历数组
- 参数:回调函数(回调函数的参数:value是遍历时每一个数组项,index 是这个数组项的索引,array数组本身)
- 返回值:无
- 原数组是否改变:否
<script>
var arr = [1,2,3]
arr.forEach(function(value,index,array){
元素 索引 本身
})
</script>
map
- 作用:将原数组映射成一个新数组
- 参数:回调函数(回调函数的参数同 forEach)
- 返回值:由回调函数的返回值组成的新数组
- 原数组是否改变:否
const array1 = [1, 4, 9, 16];
const map1 = array1.map(function(value){
//...
});
console.log(map1);
filter
返回一个新数组 value, index, array
var arr = [12,34,5,67,86,67]
var newArr = arr.filter(function(value,index){
return value%2 === 0
})
some
value, index, array
1. filter 查找满足条件的元素 返回的是一个数组 而且是把所有满足条件的元素返回回来
2. some 也是查找满足条件的元素是否存在 返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环
3. every用于检测数组所有的元素是否都符合指定条件,如果全部满足条件,则返回true,只要一个不满足,就会直接返回false
var arr = ['yellow' , 'green' , 'pink']
var flag = arr.some(function(value){
return value == 'green'
})
console.log(flag) //true
reduce
reduce()方法接收一个函数作为累加器,数组中的每个值,(从左到右)开始缩减,最终计算为一个值
arr.reduce(function(prev,cur,index,arr){
...
}, init);
arr: 表示原数组;
prev: 表示上一次调用回调时的返回值,或者初始值 init;
cur: 表示当前正在处理的数组元素;
index: 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;
init: 表示初始值
let arr = [3,4,56,8,5]
//求和
let sum = arr.reduce((pre,cur)=>{
return pre+cur
},0)
//取最大值
let maxNum = arr.reduce((pre,cur)={
returu Math.max(pre.cur)
})
//去重
let arr.reduce((pre,cur)=>{
pre.indexOf(cur) < 0 && pre.push(cur)
return pre
},[])