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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。