js操作数组几个常用的方法(必会!)
程序员文章站
2023-12-26 10:25:39
...
js操作数组几个常用的方法(必会!)
.splice()
1.数组名.splice( )(开始的索引,个数)
2.数组名.splice()(开始的索引,个数,参数)表示添加
3.用来删除数组中的项,也可以添加
4.原来的数组会被改变
5.返回的是被删除的数据
.slice()
参数1:选取的开始索引值
参数2:选取的结束索引值(不包括该元素)
注意事项:
- 如果只传入一个参数,代表从开始索引值直接选取到最后。
- 该功能是选取数据,不影响原数组。
- 返回值是一个全新的数组,可以用来复制一份新数组,又不影响原数组。
.splice()
和 .slice()
区别
splice 主要用于删除,slice 用于提取
splice * | slice | |
---|---|---|
主要功能 | 删除,可添加数据 | 提取 |
是否影响原数组 | 是,原数组受影响 | 否,不影响原数组 |
返回值 | 返回被删除的数据 | 返回提取那部分数据 |
参数区别 | 数组.splice(开始索引值,个数) | 数组.slice(开始索引值, 结束索引值) |
是否能添加数组 | 可以添加,第三个参数往后都是添加 | 仅仅提取,不能修改原数组,无法添加 |
.sort()
排序
数组名称.sort()
// 默认排序规则是比较第一位谁小,就排到前面,第一位比较不出来就比较第二位。
从小到大数值排序需要传入排序函数:
// 从小到大排序
function sortNumber(a, b) {
return a - b;
}
// 从大到小排序
function sortNumber(a, b) {
return b - a;
}
// 调用排序函数进行排序
数组名称.sort(排序函数)
注意:sort 函数会影响原数组的数据,直接对原数组进行排序。
.forEach()
遍历
作用 : 这个方法专门用于遍历数组。
用法:
数组.forEach(
function(item,index){
item 就是数组里面的每个元素
index 就是每个索引
}
);
但凡是能够使用for循环遍历数组全部数据的时候,都可以使用
forEach
来代替。
.filter()
过滤
这个方法是用于筛选出数组中满足条件的元素,并组成一个新的数组返回的
var array = [1500,1200,2000,2100,1800];
var arr = array.filter(function(item){
return item < 2000;// 这个代码的意思,就是筛选出array数组里面满足 < 2000 的元素,并返回
});
console.log(arr); // [1500, 1200, 1800]
.map()
映射
var array = [1500,1200,2000,2100,1800];
var arr = array.map(function(item){
return '<li>' + item + '</li>';
});
console.log(arr);
.indexOf()
返回索引值
数组名称.indexOf(数据);
查找结果只有两种情况:
1. 查找成功,返回当前查找数据的索引值
2. 找不到返回 -1
数组名称.indexOf(数据,从哪个索引值开始);
.includes()
方法
结果返回一个Boolean值
includes()方法://检测数组是否有某个值
var arr = [1,2,3,4]
arr.includes(3); //true
arr.includes(5); // false