数组的常用方法包括以下几种:
一、push(): 将一个或多个元素添加到数组末尾,并返回新的长度。
例:
let arr = [1,2,3];
arr.push(4,5);
console.log(arr); //arr现在变成[1,2,3,4,5]
二、pop(): 从数组的末尾删除一个元素,并返回该元素。
例:
let arr = [1,2,3];
arr.pop(); //删除元素3,返回3
三、shift(): 从数组的开头删除一个元素,并返回该元素。
例:
let arr = [1,2,3];
arr.shift(); //删除元素1,返回1
四、unshift(): 将一个或多个元素添加到数组的开头,并返回新的长度。
例:
let arr = [1,2,3];
arr.unshift(-1,0); //arr1结果为[-1,0,1,2,3]
五、splice():删除、替换或添加元素。
splice()是js中的数组方法,用于在任何位置直接删除、替换或添加元素。它接受三个参数:
1. 开始索引:从该索引开始更改数组。如果是负数,则从数组末尾开始计数。
2. 要删除的元素数量:从索引开始要删除的元素数量。如果省略此参数或设为0,则不会删除元素,而是添加新元素。
3. 新元素:要添加到数组的新元素。
例:
删除元素
let arr = [1,2,3,4,5,6];
arr.splice(2,2); //从索引2开始删除2个元素
console.log(arr); //输出: [1,2,5,6]
替换元素
let arr = [1,2,3,4,5,6];
arr.splice(2,1,"hello"); //从索引2开始删除1个元素,然后添加'hello'
console.log(arr); //输出: [1,2,"hello",4,5,6]
添加元素
let arr = [1,2,3,4,5,6];
arr.splice(2,0,'hello','world'); //从索引2开始不删除任何元素,添加'hello'和'world'
console.log(arr) //输出: [1,2,'hello','world',3,4,5,6]
使用负数索引
let arr = [1,2,3,4,5,6];
arr.splice(-2,1,'hello'); //从倒数索引2开始删除1个元素,然后添加'hello'
console.log(arr) //输出: [1,2,3,'hello',5,6]
六、join(): 将数组的所有元素连接成一个字符串。
let arr = [1,2,3];
let str = arr.join() //str现在变成'1,2,3'
七、slice(): 返回一个新的数组,包含从开始 (包含) 到结束(不包含)选择的数组的一部分浅拷贝。
slice()是js的数组方法,它从已有的数组中返回选定的元素;这个方法并不会修改原数组,而是返回一个新的数组。也就是说,它进行的是浅拷贝,即创建一个新的数组,包含原数组的一部分元素。
例:
提取部分数组
let arr = [1,2,3,4,5,6];
let sliceArr = arr.slice(1,3); //从索引1开始,提取到索引3之前的元素
console.log(sliceArr); //输出:[2,3]
包含全部数组
let arr = [1,2,3,4,5,6];
let sliceArr = arr.slice(3); //从索引3开始提取到数组末尾
console.log(sliceArr); //输出:[4,5,6]
使用负数索引
let arr = [1,2,3,4,5,6];
let sliceArr = arr.slice(-2); //从倒数第二个元素开始提取到数组末尾
console.log(sliceArr); //输出:[5,6]
八、concat(): 合并两个或更多数组,并返回一个新数组;此方法不会改变现有的数组,而是创建一个新数组。
let arr = [1,2,3];
let arr1 = [4,5,6];
let arr3 = arr.concat(arr1);
console.log(arr3); //输出:[1,2,3,4,5,6]
九、map(): 通过指定函数处理数组的每个元素,并返回处理后的数组。
let arr = [1,2,3];
let newArr = arr.map(item=>{
return item * 2
});
console.log(newArr) //输出:[2,4,6]
十、filter(): 通过指定函数处理数组的每个元素,并返回处理后的数组,只包含通过函数处理的元素的数组。
let arr = [1,2,3,4,5,6];
let newArr = arr.filter(item){
return item % 2 === 0
}
console.log(newArr); //输出: [2,4,6]
相关数组方法还有很多很多...有空再补...