underscore.js every()用法及代碼示例

Underscore.js是一個JavaScript庫，提供了許多有用的函數，即使在不使用任何內置對象的情況下，也可以極大地幫助您進行編程，例如映射，過濾，調用等。
_.every()函數用於測試列表中所有可以通過給定測試的元素。如果至少有一個元素不滿足給定的測試，它將停止並返回“ false”。當列表中的所有元素都傳遞給函數/迭代器並且沒有更多元素時，則_.every函數進行遍曆，並且false值尚未返回作為答案，然後返回true作為最終答案。將數字，字符，數組，對象等傳遞給_.every函數。而且，可以像在if循環中一樣一起使用_.every()函數。

用法:

_.every(list, [predicate], [context])

參數：此函數接受上述和以下所述的三個參數：

List:此參數用於設置元素列表。
Predicate:此參數用於測試條件。
Context:此參數用於顯示內容。

返回值：返回值是“ true”(當列表的每個元素都滿足給定條件時)或“ false”(當至少一個元素不滿足條件時)

將數組傳遞給_every function()：._every()函數將列表中的元素一個接一個地進行，並對代碼執行指定的操作。下麵的示例包含查找列表中所有有效或無效元素的操作。有效表示它們不包含Null，Blank，false等。在遍曆並檢查所有元素之後，每個函數都會結束。在這裏，即使單個元素無效，答案也是錯誤的。

例：

<html> 
    <head> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"></script> 
    </head>   
    <body> 
        <script type="text/javascript"> 
              var arrayvalues = [false, true, 'yes', null, 1]; 
              console.log(_.every(arrayvalues, function (value) { 
                  return (value); 
              })); 
        </script> 
    </body>  
</html>

輸出：

將數字列表傳遞給_.every()函數：傳遞數字列表並對其執行簡單的操作。下麵的示例用於查找數字是否為偶數。如果列表中的所有數字均為偶數，則輸出為true，否則為false。

例：

<html>   
    <head> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"> 
        </script> 
    </head>       
    <body> 
        <script type="text/javascript"> 
            console.log(_.every([2, 4, 5], function(num) { return num % 2 == 0; })); 
        </script> 
    </body>  
</html>

輸出：

將結構傳遞給_.every()函數：首先聲明數組(數組的名稱為people)。選擇一個條件以檢查hasLongHairs。 Console.log顯示最終答案。

例：

<html>   
    <head> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"> 
        </script> 
    </head>       
    <body> 
        <script type="text/javascript"> 
            var people = [ 
                {name: 'sakshi', car: ''}, 
                {name: 'aishwarya', car: true}, 
                {name: 'akansha', car: true}, 
                {name: 'preeti', car: true} 
            ], 
        
            hasLongHairs = function (value) { 
                return (value.car !== ''); 
            }; 
       
            console.log(_.every(people, hasLongHairs)); 
        </script> 
    </body>  
</html>

輸出：

一起使用兩個_.every()函數：將不同的對象傳遞給每個_.every()函數，然後通過使用&&，|| 、!之類的邏輯運算符一起使用以下結果在此，object1和arralist1包含所有true值，因此兩個true的結果也將為true。因此，滿足第一條件。 object2包含“ null”，而arraylist2也包含“ null”，因此它們無效。在每個_.every()函數之前使用“！”，因此結果為兩個真值。

例：

<html>   
    <head> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
        </script> 
        <script type="text/javascript" src =  
        "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"> 
        </script> 
    </head>       
    <body> 
        <script type="text/javascript"> 
             var arraylist1 = [true]; 
             var arraylist2 = [null, {}, undefined, {}]; 
             var object1 = {prop1: true}; 
             var object2 = { 
                    prop1: null, 
                    prop2: true, prop3: true, 
             };  
             if (_.every(arraylist1) && _.every(object1)) { 
                    console.log('arraylist1 and object1 are valid'); 
             } 
             if (!_.every(arraylist2) && !_.every(object2)) { 
                    console.log('arraylist2 and object2 do not have all items valid'); 
             } 
        </script> 
    </body>  
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js | every() with Examples。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。