ES6 - 不改变原数组的方法

最新推荐文章于 2023-05-15 09:53:09 发布

seaalan

最新推荐文章于 2023-05-15 09:53:09 发布

阅读量6.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ES6

本文链接：https://blog.youkuaiyun.com/seaalan/article/details/89840423

ES6 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了ES6中不改变原数组的几种方法，包括some、every、map、reduce、filter和slice。这些方法对于处理数组数据非常有用，能够实现条件检查、转换和筛选等操作，同时保持原始数组的完整性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例数据

let users = [
    {
        "firstName" : "alex",
        "lastName" : "guo",
        "age" : 18
    },
    {
        "firstName" : "fff",
        "lastName" : "LLL",
        "age" : 20
    },
    {
        "firstName" : "www",
        "lastName" : "zzz",
        "age" : 16
    },
    {
        "firstName" : "bbb",
        "lastName" : "ccc",
        "age" : 24
    }
];

some方法

// array.some() - 检查数组中是否有元素满足条件。某一元素为true，则为true，否则返回false
// 用于检测数组中是否有满足条件的元素。
// some如果遇到 true 就不再执行了。如果都为 false 返回false。不会改变原数组。
// some 英语翻译为一些，所以some方法 只要其中一个为true 就会返回true的。some:一真即真
let result1 = users.some(item => item.age > 20);
console.info(result1); // true

every方法

// array.every() - 检查数组中是否所有元素都满足条件。某一个为false，则返回false，否则返回true
// 用于检测数组中所有元素是否都满足该条件。
// every如果遇到 false 就不在执行了。如果都为 true 返回true。不会改变原数组。
// every 英语翻译为所有，所以every方法 必须所有都返回true才会返回true，哪怕有一个false，就会返回false。every:一假即假
let result2 = users.every(item => item.age > 20);
console.info(result2); // false

map方法

// array.map() - 对数组中的每一个元素进行操作。返回每一个元素执行后的结果
// 用于处理数组中的数据。产生新数组，不会改变原数组。foreach这是对原有数组进行操作，没有返回值。
// map()方法创建了一个新数组，但新数组并不是在遍历完array1后才被赋值的，而是每遍历一次就得到一个值。
// forEach适合于你并不打算改变数据的时候，而只是想用数据做一些事情 – 比如存入数据库或则打印出来。
let result3 = users.map(item => {
    return item.age*2;
});
console.info(result3); // [ 36, 40, 32, 48 ]

// map()适用于你要改变数据值的时候。不仅仅在于它更快，而且返回一个新的数组。这样的优点在于你可以使用复合(composition)(map(), filter(), reduce()等组合使用)来玩出更多的花样。
let arr = [1, 2, 3, 4, 5];
let arr2 = arr.map(num => num * 2).filter(num => num > 5);
// arr2 = [6, 8, 10]
// 我们首先使用map将每一个元素乘以2，然后紧接着筛选出那些大于5的元素。最终结果赋值给arr2。

reduce方法

let result4 = users.reduce((current, next) => {
    return (current.age ? current.age : current) + next.age;
});
console.info(result4); // 78

filter方法

let result5 = users.filter(item => {
    if (item.age > 18) {
        return item;
    }
});
console.info(result5); // [{ firstName: "fff", lastName: "LLL", age: 20 }, { firstName: "bbb", lastName: "ccc", age: 24 }]

slice方法

// 用于截取数组
let result6 = users.slice(-1);
console.info(result6); // [ { firstName: "bbb", lastName: "ccc", age: 24 } ]