Underscore.js _.min函数
Underscore.js是一个JavaScript库,它提供了很多有用的函数,对编程有很大的帮助,如map、filter、invoke等,甚至不需要使用任何内置对象。_.min()函数用于从传递的列表中找到最小元素。如果给定了一个迭代,那么它将应用于每个值,并产生一个标准来对这些值进行排序并找到最小元素。语法。
_.min(list, [iterate], [context])
参数:该函数接受上面提到的和下面描述的三个参数。
- list。这个参数用来保存元素的列表。
- iterate。该参数用于保持测试条件。
- context。该参数用于显示内容。
返回值:返回值是列表中最小的元素。数字列表将给出最小的数字,而字符串的列表将给出按字母顺序排列的第一个字符串。注意:如果列表是空的,那么将返回 “无穷大”。
将一个数字数组传递给_.min函数(): _.min()函数从列表中逐个获取元素,并对这些元素进行比较以找到列表中的最小数字。在遍历和比较所有的元素后,_.min()函数结束。
例子:
<html>
<head>
<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 numbers = [100, 50, 400, 66, 7900];
console.log(_.min(numbers));
</script>
</body>
</html>
输出:
将一个既有数字又有字符串的列表作为其属性传递给_.min()函数:传递一个既有数字又有字符串的列表,并通过其中一个属性比较元素。无论是通过数字属性还是通过字符串属性。就像这里按’难度’属性进行比较。最小的难度元素将被返回。
例子:
<html>
<head>
<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 languages = [
{
name: 'HTML',
difficulty: 4
},
{
name: 'CSS',
difficulty: 5
}
];
console.log(_.min(languages, function(o)
{
return o.difficulty;
}));
</script>
</body>
</html>
输出:
将一个超过1个属性的结构传递给_.min()函数:首先声明数组(这里数组是’arr’),并从众多属性中选择一个,在此基础上需要找到最小值,如这里的’hasLongHairs’。Console.log将这个返回的最小值存储在这个变量中。
例子:
<html>
<head>
<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 arr = [
{prop1:"10", prop2:"07", prop3: "Geeks"},
{prop1:"12", prop2:"86", prop3: "for"},
{prop1:"11", prop2:"58", prop3: "Geeks."}
];
console.log(_.min(arr, function(o){return o.prop2;}));
</script>
</body>
</html>
输出:
将’true’和’false’作为列表的元素传递给_.min()函数:将’true’和’false’值传递给_.min()函数。如果这些值的最小值在列表中至少出现一次,那么它将被定义为’false’,否则答案将是’true’。
例子:
<html>
<head>
<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(_.min([true, false, true]));
console.log(_.min([true, true]));
console.log(_.min([false, false]));
</script>
</body>
</html>
输出: