JavaScript——关于数组(1)

2401_84152738

于 2024-04-19 12:29:26 发布

阅读量1k

点赞数 12

分类专栏：程序员文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2401_84152738/article/details/137960653

版权

程序员专栏收录该内容

182 篇文章 1 订阅

订阅专栏

本文详细介绍了JavaScript中数组的创建方式、常用操作方法（如push、pop、sort等）、查找方法（indexOf、lastIndexOf）以及遍历方法（forEach、map等）。此外，还讨论了sort方法的定制和数组迭代是否改变原数组的问题。

摘要由CSDN通过智能技术生成

let arr = [1,2];

Object.prototype.toString.call(arr) === ‘[object Array]’; // true

JS中有哪些数组方法

创建数组的方法

字面量创建:

const arr = [];

使用Array构造函数:

const arr = new Array();

arr[0] = 1;

arr[1] = 2;

// 一个参数表示创建length为num的数组

const arr = new Array(3)

//多个参数表示创建包含这几项的数组

const arr = new Array(‘red’,‘yellow’,‘blue’)

算法题中,常使用new Array()来初始化固定length的数组:

const arr = new Array(7); // 表示创建一个长度为7的数组

再者,还可以通过fill()方法来初始化数组里面的值:

const arr = new Array(7).fill(1); // [1,1,1,1,1,1,1]

需要注意的是fill()有它的局限性,当给fill()传入一个参数时,如果这个参数是引用类型,那么fill()填充数组时填充的是入参的引用.比如初始化二维数组:

const arr = new Array(7).fill([]); // [[],[],[],[],[],[],[]]

arr[0][0] = 1;

console.log(arr); // [[1], [1], [1], [1], [1], [1], [1]];

可以看到,我们修改了第一个数组的值,后面的数组全都跟着更改了.

本着安全的原则,初始化二维数组可以用for循环:

const arr = new Array(7);

for (let i = 0; i < arr.length; i++) {

arr[i] = [];

}

操作数组的方法

| 方法 | 说明 | 返回值 | 是否改变原数组 |

| :-: | :-: | :-: | — |

| pop() | 移除数组最后一项 | 返回移除的项 | 是 |

| splice() | 本质是:第一个参数为起始位置

第二个参数为删除的个数

第三个参数为插入的项

根据这个原理可实现三个功能,即删除,插入,替换 | 返回移除的项 | 是 |

| slice() | 接收一个参数,返回以该参数为索引到当前数组末尾的所有项

接收两个参数,返回起始到结束位置之间的项,注意不包括结束位置的项 | 返回一个新数组 | 否 |

sort()

默认情况下,sort按照升序排列数组项.该方法会调用每个数组项的toString()方法,然后比较得到的字符串,再确定如何排序.即使数组中的每一项都是数值,sort方法得到的也是字符串.
sort()可以接收一个compare函数作为参数,来决定排序的规则.

compare函数接收两个参数a,b:

若排序后的数组a应该出现在b之前,则返回一个负数;
若排序后的数组a应该出现在b之后,则返回一个正数;
若两个参数相等,则返回0;

根据compare的规则,升序的sort可以传入一个compare函数:

function compare(a, b) {

if (a < b) {

return -1; // 由于是升序,所以当a小于b时,a应该在b之前,返回负数

} else if (a > b) {

return 1; // 由于是升序,所以当a大于b时,a应该在b之后,返回正数

} else {

return 0;

}

进一步,可以简写成:

function compare(a, b) {

return a - b;

}

同样的,如果想实现一个降序的sort,可以传入一个compare函数:

function compare(a, b) {

return b - a;

}

查找数组的方法

indexOf()和lastIndexOf()

接收两个参数——要查找的项和表示查找起点位置的索引(可选参数).其中,indexOf()从数组的开头开始向后查找,而lastIndexOf()从数组的结尾开始向前查找.

这两个方法都返回要查找的项在数组中的位置,或者在没找到的情况下返回-1.

在比较第一个参数与数组中的每一项时,会使用全等操作符===.也就是说,要求查找的项必须严格相等:

var person = {name:‘li’}

var people = [{name:‘li’}]

console.log(people.indexOf(person))//-1

var morePeople = [person]

console.log(morePeople.indexOf(person))//0

遍历数组的方法

| 名称 | 参数 | 返回值 | 说明 |

| :-: | :-: | :-: | :-: |

| filter | item,index,arr | 返回过滤后的数组 | filter方法创建一个新的数组，主要用于筛选数组,

filter中的回调函数有一个要求: 必须返回一个boolean值

当返回true时, 函数内部会自动将这次回调的 currentValue 加入到新的数组中

当返回false时, 函数内部会过滤掉这次的 currentValue |

| reduce | （preValue,curValue,index,arr）=> {}，initValue | 最后一次迭代的return值 | reduce() 常用于对数组中所有的元素进行汇总，上述代码中 preValue 指的是前一次遍历中的 return 值，可以设置它的初始值（如上述代码中初始值为0 ） |

数组迭代方法能否改变原数组?

以forEach为例