📜  Underscore.js _.countBy函数

📅  最后修改于: 2022-05-13 01:56:21.165000             🧑  作者: Mango

Underscore.js _.countBy函数

Underscore.js 是一个 JavaScript 库,它提供了许多有用的功能,即使不使用任何内置对象,也可以在很大程度上帮助编程,如地图、过滤器、调用等。
_.countBy()函数用于将列表分组并返回每个组中对象数量的计数。它通过将每个元素的值与另一个元素匹配来工作。如果它们匹配,则一个集合的计数增加 1,否则具有该值的另一个集合/组的计数增加 1。它还可以根据谁的结果传递一个函数将收集元素并增加每个组的计数。它既可以基于数字匹配,也可以基于字符串。

句法:

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

参数:此函数接受三个参数,如上所述,如下所述:

  • List:此参数用于保存项目列表。
  • Iteratee:此参数用于保存测试条件。
  • 上下文:需要显示的文本内容。

返回值:它将集合作为不同的数组返回。

将 Math.ceil()函数传递给 _.countBy()函数: _.countBy()函数将列表中的元素一个接一个地传递给这里提到的另一个函数。这里函数获取每个数字的 ceil 并返回它的值。因此,数组的所有值在它们的 ceil 被取走后都会被一一计数,然后根据它们是否相同或不同来计数。

例子:


    
        
    
    
        
    
                    

输出:

在 _.countBy()函数中使用 length():将数组元素传递给 countBy()函数。然后,找出每个元素的长度并收集相同长度的集合。最后,在左侧显示每个集合的计数以及各自的长度。

例子:


    
        
    
    
        
    

输出:

使用 _.countBy()函数中传递的数组的一个属性:首先声明数组(这里数组是 'arr')。选择一个需要计算的条件,例如此处的“prop3”。然后在“prop3”中具有相同值的元素将被分组到 1 个集合中。最终结果将包含左侧的 prop3 以及右侧的计数。就像这里在 prop3 中一样,“Geeks”来了两次,所以计数将是 2。Console.log 是最终答案。

例子:


    
        
    
    
        
    

输出:

将“日期”作为数组的属性一起传递给 _.countBy()函数:首先将具有一个属性的数组定义为“日期”,格式为“dd-mm-yy”。然后将数组和“日期”属性传递给 _.countBy()函数。具有相同日期的元素将被分组为一个集合,然后每个组的计数将显示在结果中。

例子:


    
        
    
    
        
    

输出:

注意:这些命令在 Google 控制台或 Firefox 中不起作用,因为需要添加他们没有添加的这些附加文件。因此,将给定的链接添加到您的 HTML 文件中,然后运行它们。