当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


underscore.js shuffle()用法及代码示例


Underscore.js是一个JavaScript库,提供了许多有用的函数,即使在不使用任何内置对象的情况下,也可以极大地帮助您进行编程,例如映射,过滤,调用等。
_.shuffle()函数用于以随机方式排列数组列表。 _.shuffle()下划线函数使用Fisher Yates Shuffle,这将在下面提到的文章中进行讨论。因此,每次使用此函数时,根据Fisher Yates Shuffle,此函数的输出都会有所不同。

用法:

_.shuffle(list)

参数:该函数接受单个参数列表。此参数用于保存将被拖曳的项目列表。


返回值:返回的值是新的随机数组,其中包含原始数组中传递给_.shuffle()函数的所有元素。

将数字数组传递给_.shuffle()函数:._shuffle()函数将列表中的元素一个接一个地进行,并根据Fisher Yates Shuffle进行指定的操作。然后console.log()最终答案,它将包含随机问题中原始数组的所有元素。

例:

<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(_.shuffle(_.shuffle([1, 2, 3, 4, 5, 6]))); 
        </script> 
    </body> 
</html>                    

输出:

将结构传递给_.shuffle()函数:将结构传递给_.shuffle()函数。首先,将数组声明为“目标”,然后将此数组传递给_.shuffle()函数。 “目标”数组的元素及其所有属性都将被拖曳。

例:

<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"> 
             var goal  = [ 
            { 
                "category" : "other", 
                "title" : "harry University", 
                "value" : 50000, 
                "id":"1" 
            }, 
            { 
                "category" : "traveling", 
                "title" : "tommy University", 
                "value" : 50000, 
                "id":"2" 
            }, 
            { 
                "category" : "education", 
                "title" : "jerry University", 
                "value" : 50000, 
                "id":"3" 
            }, 
            {     
                "category" : "business", 
                "title" : "Charlie University", 
                "value" : 50000, 
                "id":"4" 
            } 
        ] 
        console.log(_.shuffle(goal)); 
        </script> 
    </body> 
</html>

输出:

将一个属性为true /false的列表传递给_.shuffle()函数:首先声明数组(此处的数组为“ people”)。选择一种需要检查的条件,例如“ hasLongHairs”。 Console.log的最终答案。最终的答案将是一个随机数组,因为费舍尔·耶茨·沙夫在算法中使用了随机函数。

例:

<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"> 
             var people = [ 
            {"name": "sakshi", "hasLong": "false"}, 
            {"name": "aishwarya", "hasLong": "true"}, 
            {"name": "akansha", "hasLong": "true"}, 
            {"name": "preeti", "hasLong": "true"} 
        ] 
         console.log(_.shuffle(people, 'name')); 
        </script> 
    </body> 
</html>

输出:

声明一个数组,然后将其传递给_.shuffle()函数:声明一个数组,让“用户”将其属性设置为“ num”,然后将其传递给_.shuffle()函数。然后console.log新的随机数组。每次您运行输出时,输出都会不同。

例:

<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"> 
             var users = [{"num":"1"}, {"num":"2"}, {"num":"3"}, {"num":"4"}, {"num":"5"}]; 
        console.log(_.shuffle(users, 'id')); 
        </script> 
    </body> 
</html>

输出:



相关用法


注:本文由纯净天空筛选整理自Sakshi98大神的英文原创作品 Underscore.js | shuffle() with Examples。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。