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

Underscore.js _.sample()函数用于找出数组中存在哪些类型的元素。它给出数组的随机元素作为输出。我们甚至可以传递第二个参数来从数组中返回该数量的随机元素。

用法:

_.sample(list, [n])

参数：

list: 此函数将测试列表或数组。
n: 它是函数将返回的元素的数量。

返回值：

它从传递的数组中返回指定数量的随机元素，或者默认情况下仅返回一个随机元素。

将数字列表传递给 _.sample() 函数

._sample() 函数使用随机函数，然后将列表中的该元素显示为结果。如果没有提到第二个参数，则将采用 t 的默认值，即 1。因此，将显示任何一个元素。

例子：下面的代码示例使用数字数组实现 _.sample() 函数，而不传递第二个参数。

HTML


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

输出：

将第二个参数传递给 _.sample() 函数：

如果我们传递第二个参数，那么 _.sample() 函数将从传递的列表中返回与前面提到的一样多的元素。结果将是一个数组，其中包含第二个参数中存在的元素数量。

例子：下面的代码将通过传递第二个参数来解释 _.sample() 函数的使用。

html


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

输出：

Output

将结构传递给 _.sample() 函数：

我们甚至可以将结构传递给 _.sample() 函数，它会以相同的方式工作。它将随机显示结构的任何元素作为输出。由于没有提到第二个参数，因此结果中将只有传递列表的一个元素及其所有属性。

例子：下面的代码将通过传递结构作为参数来说明 _.sample() 函数的使用。

html


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

输出：

将只有一个属性的结构体一起传递给 _.sample() 函数：

如果我们传递一个仅具有一个属性的结构，那么它将以相同的方式工作，并从传递的结构中随机显示任何一个元素。这里同样，由于没有提到第二个参数，因此生成的数组将仅包含一个元素。

例子：以下代码将使用 _.sample() 函数以及仅具有一个属性的结构。

html


<!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"> 
        const users = [
                {"num":"10"}, 
                {"num":"9"}, 
                {"num":"8"}, 
                {"num":"7"}, 
                {"num":"6"}
            ]; 
    console.log(_.sample(users)); 
    </script> 
</body> 
</html>

输出：

相关用法

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