forEach如何修改原数组和sort排序经典场景

最新推荐文章于 2024-09-12 10:18:31 发布

蚂蚁二娘

最新推荐文章于 2024-09-12 10:18:31 发布

阅读量1.5k

点赞数

文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/web2022050901/article/details/125002327

版权

本文详细介绍了JavaScript中的forEach方法与sort方法。forEach()主要用于遍历数组，但不能直接修改原数组，需要通过参数2和参数3实现修改。而sort()方法能改变原数组，可以自定义排序规则，例如按数组内字段从小到大排序。在使用sort()时需要注意Unicode编码导致的排序问题，以及在箭头函数中this的指向问题。

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

forEach() 介绍

forEach()方法需要一个回调函数（这种函数，是由我们创建但是不由我们调用的）作为参数

回调函数中传递三个参数：

第一个参数，就是当前正在遍历的元素

第二个参数，就是当前正在遍历的元素的索引

第三个参数，就是正在遍历的数组

代码举例：

let myArr = ['王一', '王二', '王三'];

myArr.forEach((item, index, arr) => {
    console.log('item:' + item);
    console.log('index:' + index);
    console.log('arr:' + JSON.stringify(arr));
});

打印结果：

item:王一
index:0
arr:["王一","王二","王三"]
----------
item:王二
index:1
arr:["王一","王二","王三"]
----------
item:王三
index:2
arr:["王一","王二","王三"]
----------

注意：forEach() 没有返回值。也可以理解成：forEach() 的返回值是 undefined

即 let tempArry = myArr.forEach() 这种方式接收是没有意义的

forEach() 能不能改变原数组？

forEach() 能不能改变原数组？关于这个问题，大部分人会搞错。我们来看看下面的代码

1、数组的元素是基本数据类型：（无法改变原数组）

let numArr = [1, 2, 3];

numArr.forEach((item) => {
    item = item * 2;
});
console.log(numArr); // 打印结果：[1, 2, 3]

上面这段代码，你可要看仔细了，打印结果是 [1, 2, 3]，不是 [2, 4, 6]

2、数组的元素是引用数据类型：（直接修改整个元素对象时，无法改变原数组）

let objArr = [
    { name: '云牧', age: 20 },
    { name: '许嵩', age: 30 },
];

objArr.forEach((item) => {
    item = {
        name: '邓紫棋',
        age: '29',
    };
});
console.log(JSON.stringify(objArr)); 
// 打印结果：[{"name": "云牧","age": 20},{"name": "许嵩","age": 30}]

3、数组的元素是引用数据类型：（修改元素对象里的某个属性时，可以改变原数组）