原生js源码之Array数组every方法

最新推荐文章于 2024-07-22 11:52:29 发布

web_小码农

最新推荐文章于 2024-07-22 11:52:29 发布

阅读量163

点赞数

分类专栏： Array.every()源码实现原生js 文章标签： javascript

本文链接：https://blog.csdn.net/m0_53001289/article/details/119151272

版权

原生js 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

Array.every()源码实现

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
         let arr = [
            {
                id:1,
                title:"eating",
            },
            {
                id:2,
                title:"sing",
            },
            {
                id:3,
                title:"play"
            }
        ];
        /*
            every()方法使用指定函数检测数组中的所有元素；
            如果数组中检测到有一个元素不满足，则整个表达式返回false，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回true；
            注意：every()不会对空数组进行检测；
            every()不会改变原来的数组
        */
        Array.prototype.every = function(callback){
            let _arr = this;
            let _len = _arr.length;
            let arg2 = arguments[1] || window
            let newArr = [];
            for(var i=0;i<_len;i++){
               let isOk = callback.call(arg2,_arr[i],i,_arr);
               if(isOk !== false){
                   return true
               }else{
                    return false 
               }
            }
        }
        const res = arr.every((item)=>{
            console.log('item',item);
            return item.id > 1;
        })
        // 输出结果
        // item {id: 1, title: "eating"}
        // res false
        console.log('res',res); 
    </script>
</body>
</html>