欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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
相关标签: javascript 前端

上一篇:

下一篇: