下划线.js | sortBy() 示例

Underscore.js 是一个 JavaScript 库，它提供了许多有用的功能，即使不使用任何内置对象，也可以在很大程度上帮助编程，例如映射、过滤器、调用等。
_.sortBy()函数用于根据作为参数提供给它的函数按升序对列表中的所有元素进行排序。使用返回数字的函数传递数组，它将按升序对数组进行排序并返回一个数组。该数组可以是数值和字符串值。

句法：

_.sortBy(list, iteratee, [context]) 

参数：该函数接受上面提到和下面描述的三个参数：

• List：该参数用于设置项目列表。
• Iteratee：该参数用于保持测试条件。
• Context：该参数用于显示内容。

返回值：它返回一个排序数组，该数组根据传递的函数进行排序。

使用一个只返回一个数字的函数： ._sortBy()函数从列表中一一获取元素并执行函数给出的指定操作。就像这里的函数只是对列表的所有元素进行排序。遍历并排序所有元素后，sortBy()函数结束。现在，存储原始数组的变量将包含已排序的数组。

例子：

    
        
        
    
    
        
            var array = _.sortBy([2, 3, 1], function(num) {
            return num;
            });
            console.log(array);
        
    
                    

输出：

使用 Math.cos()函数：传递一个数字列表并执行一些操作，例如获取数字的 ‘cos()’ 然后比较它们以对数组进行排序。以同样的方式应用所有“数学”函数，如 tan()、sin()、cot() 等对数组进行排序。

例子：

    
        
        
    
    
        
            console.log(_.sortBy([1, 2, 3, 4, 5, 6], function(num) {
                return Math.cos(num); 
            }));    
        
    
                    

输出：

使用数组的一个属性：将 _.sortBy() 方法应用于字符串并首先声明数组（这里的数组是 ‘arr’）。选择数组的一个属性，根据它需要像这里的“名称”进行排序。 Console.log 通过传递数组和该属性来记录排序的数组。

例子：

    
        
        
    
    
        
            var arr = [
                 {name: 'kim', salary: 40000}, 
                 {name: 'shelly', salary: 50000},
                 {name: 'zen', salary: 60000}
            ];
            console.log(_.sortBy(arr, 'name'));
        
    
                    

输出：

使用 _.sortBy()函数反转数组：尽管 _.sortBy()函数按升序排序，但仍然借助另一个函数“reverse()”和 _.sortBy() 反转数组。首先，_.sortBy()函数将按升序对列表进行排序，然后 ‘reverse()’函数将使数组颠倒。最后，打印数组。

例子：

    
        
        
    
    
        
            var patients = [
                                 [{name: 'Amit', Id: 1, room: 1}],
                                 [{name: 'Lisa', Id: 4, room: 2}],
                                 [{name: 'Charles', Id: 2, room: 1}],
                                 [{name: 'Bella', Id: 3, room: 1}]
                               ];
            var descending = _.sortBy(patients, 'total').reverse();
            console.log(descending);
        
    
                    

输出：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。