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

Underscore.js是一個JavaScript庫，即使不使用任何內置對象，它也提供了許多有用的函數，例如Map，過濾器，調用等。
_.zip()函數將每個傳遞的元素數組與下一個傳遞的數組元素進行匹配。當多個同構數組(一種類型的元素，如數字，作品，特殊字符等)通過將每個元素與下一個數組中的對應元素進行匹配來連接所有數組時，將使用此方法。它的參數可以包含多個數組。結果將包含與最大數組中的元素數相同的數組數。

用法:

_.zip( *arrays )

參數：該函數接受包含數組元素的單參數數組。

返回值：它返回結果數組。

將同構數組傳遞給_.zip()函數：._zip()函數接受第一個數組中的元素，並生成結果數組的第一個元素。然後，它將第二個數組中的元素作為第一個元素的第二個屬性進行映射。直到所有數組的第一個元素被覆蓋為止。然後，它形成結果數組的第二個元素。它一直運行到覆蓋所有元素為止。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
    <body> 
        <script type="text/javascript"> 
            console.log(_.zip(['Akash', 'Amit', 'Aviral'],  
                              [01, 02, 03],  
                              ['pass', 'pass', 'fail']) 
            ); 
        </script> 
    </body> 
</html>

輸出：

將異構數組傳遞給_.size()函數：傳遞異構數組，即，它在單個數組中包含所有類型的元素。 _.zip()函數將以相同的方式工作。步驟相同，但輸出將不同。現在它將在結果中形成齊次數組。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
    <body> 
        <script type="text/javascript"> 
            console.log(_.zip(['Akash', 02, 'pass'],  
                              ['Amit', 02, 'pass'],  
                              ['Aviral', 03, 'fail']) 
            ); 
        </script> 
    </body> 
</html>

輸出：

在_.zip()函數中映射不同種類的元素：將不同種類的元素傳遞給_.zip函數。這次的過程將是相同的，但結果將不是同質數組，而是異質數組。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
    <body> 
        <script type="text/javascript"> 
            console.log(_.zip(['Akash', 01, 5999],  
                              ['*', 02, 'pass'],  
                              ['!', '@', 3222]) 
            ); 
        </script> 
    </body> 
</html>

輸出：

將不相等大小的數組傳遞給_.zip()函數：傳遞不相等大小的數組，但這將在結果數組中導致未定義的值。這是因為在其餘數組中找到匹配項的元素數量將被視為單個數組，但是如果找不到任何匹配項，則它們的位置將為“未定義”。但這將順利進行，並且不會出現任何錯誤。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <script src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
    <body> 
        <script type="text/javascript"> 
            console.log(_.zip(['Akash', 01, 5999], 
                              ['*', 02, 'pass'], 
                              ['!', '@', 3222], 
                              ['?', '>', '<', ';']) 
            ); 
        </script> 
    </body> 
</html>

輸出：

注意：這些命令在Google控製台或Firefox中不起作用，因為需要添加這些尚未添加的其他文件。因此，將給定的鏈接添加到您的HTML文件，然後運行它們。

<script type="text/javascript" src =  
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">  
</script>

相關用法

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