• Jsの练习-数组其他常用方法 -map() ,filter() ,every() ,some()


    map() :映射,对数组中的每一项运行给定函数,返回每次函数调用结果组成的函数。

    <!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>
            var arr = [1, 3, 5, 7, 9, 11];
            var newArr = arr.map(function (value, index) {
                return value * value;
            })
    
            console.log(newArr);
        </script>
    
    </body>
    
    </html>
    map()

    filter():过滤,对数组中的每一项运行给定函数,返回满足过滤条件组成的数组。

    filter()
    <!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>
            var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
            var newArr = arr.filter(function (value, index) {
                return index % 3 === 0 || value >= 9;
            });
            console.log(newArr);
        </script>
    
    </body>
    
    </html>

    every(): 判断数组中每一项是否满足条件,只有所有项都满足条件,才会返回true。

    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>
            var arr = [1, 2, 3, 4, 5];
    
            var newArr = arr.every(function (value, index) {
                return value < 10;
            })
    
            console.log(newArr);
        </script>
    
    </body>
    
    </html>

    some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。

  • 相关阅读:
    C#创建ActiveX
    easy-ui 中的事件触发 (tree)
    程序目录
    微信公众平台开发
    Redis分片机制
    Redis主从切换
    Redis主从复制
    Redis持久化机制
    Redis缓存击穿、缓存穿透、缓存雪崩
    Redis与数据库数据一致性
  • 原文地址:https://www.cnblogs.com/-Tony/p/9220881.html
Copyright © 2020-2023  润新知