es6 some和every方法

最新推荐文章于 2024-03-22 15:41:55 发布

原创最新推荐文章于 2024-03-22 15:41:55 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6

ES6 专栏收录该内容

31 篇文章

订阅专栏

本文通过两个实际场景演示了ES6中every()和some()方法的应用：一是检查对象数组中所有电脑是否能运行特定程序；二是验证表单中所有字段是否已填写。这两个方法简化了传统循环判断的代码，提高了开发效率。

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

<!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>everyAndSome方法</title>
</head>
<body>
    <script>

        /** 场景1
        *  计算对象数组中每个电脑的操作系统是否可用
        *  大于16位操作系统表示可用，否则不可用
        */

        var computers = [
            {name:"Apple",ram:16},
            {name:"IBM",ram:4},
            {name:"Acer",ram:32},
        ]

        var everyComputersCanRunProgram = true;
        var someComputersCanRunProgram = false;

        // es5

        for(var i=0;i<computers.length;i++){
            var computer = computers[i];
            if(computer.ram < 16){
                everyComputersCanRunProgram = false;
            }else{
                someComputersCanRunProgram = true;
            }
        }

        console.log(everyComputersCanRunProgram);
        console.log(someComputersCanRunProgram);

        // es6

        console.log("==========");

        var every = computers.every(computer => {
            return computer.ram > 16;
        });

        var some = computers.some(computer => {
            return computer.ram > 16;
        })

        console.log(every);
        console.log(some);

        /** 场景2
        *  假定有一个注册页面，判断所有input内容的长度是否大于0
        *  
        */

        console.log("============");

        function Field (value) {
            this.value = value;
        }

        Field.prototype.validate = function () {
            return this.value.length > 0;
        };

        var username = new Field("");
        var telephone = new Field("8888888");
        var passworld = new Field("123456");

        var fields = [username,telephone,passworld];

        var formIsValid = fields.every(field =>{
            return field.validate();
        });

        console.log(formIsValid);

    </script>
</body>
</html>