js数组常用的方法：forEach、map、filter、every的对比

最新推荐文章于 2024-09-22 02:30:53 发布

jackie_bobo

最新推荐文章于 2024-09-22 02:30:53 发布

阅读量2k

点赞数 1

分类专栏： Javascript 文章标签： forEach map filter every 数组

本文链接：https://blog.csdn.net/jackie_bobo/article/details/79428193

版权

Javascript 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

工作中数组常用的方法：forEach、map、filter、every的对比

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // ES5新增的常用数组方法
        let arr = [1, 2, 3, 2, 1];

        // 一 forEach => 遍历数组
        arr.forEach((v, i) => {
            console.log(v, i);
        });

        // 二 map => 使用一个数组, 利用某规则映射得到一个新数组
        let mapArr = arr.map((v, i) => {
            return v * v;
        });
        arr.map((v, i) => v * v);    // 如果只有一句话, 可以省略大括号和return
        console.log(mapArr);         // [1, 4, 9, 4, 1]

        // 三 filter => 找出符合条件的元素

        // 3.1 找出数组中的偶数
        let filterArr1 = arr.filter((v, i) => v % 2 == 0);
        console.log(filterArr1);

        // 3.2 删除数组中的偶数
        let filterArr2 = arr.filter((v, i) => v % 2 != 0);   // 找出数组中的奇数留下来即可
        console.log(filterArr2);

        // 四 every => 判断数组中的所有元素是否都符合某种条件

        // 4.1 数组中的数字是否都是偶数
        let result1 = arr.every((v, i) => v % 2 == 0)  // 所有的结果都为true, 结果为true, 有一个false, 结果为false
        console.log(result1)

        // 4.2 数组中的数字是否都大于0
        let result2 = arr.every(v => v > 0)
        console.log(result2)

        // 五 some => 判断数组中是否含有符合条件的元素

        // 5.1 数组中是否有大于2的数
        let result3 = arr.some(v => v > 2)  // 只要有一个true, 结果为true
        console.log(result3)

        // 5.2 数组中是否有小于1的数
        let result4 = arr.some(v => v < 1)
        console.log(result4)
    </script>
</body>
</html>