lodash(二)对象+循环遍历+排序

  • 前言:

lodash(一)中只是研究了array中的多种方法,接下来就是经常用到的循环遍历问题

  • 过程:

1._.forEach(collection, [iteratee=_.identity], [thisArg])  遍历

    _.forEach([22,33,11,55],function (value) {//若一个参数,返回的便是其value值
      console.log(value);//22 33 11 55
    });
    _.forEach([22,33,11,55],function (value,index) {//这里规定的就是第一个参数返回的是value值,第二个参数是下标index
      console.log(value);
    });

2._.sortBy(collection, [iteratee=_.identity], [thisArg])   排序匿名函数+字符串

    var arr = [
        {name: ‘bb‘,age:23},
        {name: ‘aa‘,age:22}
    ];

    var arrSortResult = _.sortBy(arr, function(item){
        return item.name;
    });
    _.forEach(arrSortResult, function(item){
        console.log(item.name); //aa bb
    });
    var strSortResult = _.sortBy(‘cda‘).join(‘‘);//join()方法 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
     console.log(strSortResult);//acd

3._.sortedIndex(array, value, [iteratee=_.identity], [thisArg]) 

         参数:array (Array): 需要检查的数组    value (*): 插入的判断参数    [iteratee=_.identity] (Function|Object|string): 遍历方法   [thisArg] (*): iteratee的绑定值

    var collection = [‘a‘, ‘b‘, ‘c‘, ‘d‘, ‘f‘];
    console.log(‘before: ‘ + collection.join(‘ ‘));//before: a b c d f
    var toBeInserted = ‘e‘;
    var sortedIndex = _.sortedIndex(collection, toBeInserted);
    console.log("This is sortedIndex:"+sortedIndex);//This is sortedIndex:4
    collection.splice(sortedIndex, 0, toBeInserted);
    console.log(‘after:‘ + collection.join(‘ ‘));//after:a b c d e f
  • 后言:

只是简单了解了一下关于lodash部分,却发现使用它可以快速解决自己之前遇到的很多问题,希望以后工作中可以应用自如。

时间: 2024-12-29 11:25:41

lodash(二)对象+循环遍历+排序的相关文章

jquery中object对象循环遍历的方法

一个朋友问对象如何转为数组,当我问他为啥要转得时候,他告诉我,数组可以用js循环遍历,而对象则不可以.其实呢,对象同样可以循环遍历的啊.不用转换也可以循环!说明你对js或者jquery的某些操作不是很熟练!在这里我简单介绍一下! 案例 我们看如下对象: ? 1 2 3 4 5 6 7 8 9 var data={   张三:69,   李四:72,   王五:90,   二麻子:88,   前端博客:100,   haorooms : 98,   王大壮:99 } 假如上面是后台返回的一个key

for/in 循环遍历对象的属性

for/in 语句循环遍历对象的属性. js中获取key得到某对象中相对应的value的方法:obj.key js中根据动态key得到某对象中相对应的value的方法有二: 一.var key = "name1";var value = obj[key]; 二.var key = "name1";var value = eval("obj."+key); JS代码: var obj={"name":"wjy"

JS完成页面跳转并传参的方法|附加:循环遍历对象

此方法只能传递较少参数 方法如下: <a href='page/index.html'>跳转</a> 以上是正常写法,如果要传参按一下写法: <!--参数写在?后面,多个参数用&隔开,下面传的参数为name=lemon,age=18--> <a href='page/index.html?name=lemon&age=18'></a> 当跳转到页面的时候这个页面的地址栏就会跟你写的那个一样,这时候你只需要获取地址栏的内容并进行采取

Java基础知识强化之集合框架笔记45:Set集合之TreeSet存储自定义对象并遍历练习1(自然排序)

1. TreeSet存储自定义对象并遍历练习1(自然排序): (1)Student.java: 1 package cn.itcast_05; 2 3 /* 4 * 如果一个类的元素要想能够进行自然排序,就必须实现自然排序接口 5 */ 6 public class Student implements Comparable<Student> { 7 private String name; 8 private int age; 9 10 public Student() { 11 super

Java基础知识强化之集合框架笔记46:Set集合之TreeSet存储自定义对象并遍历练习2(自然排序)

1. TreeSet存储自定义对象并遍历练习2: (1)Student.java 1 package cn.itcast_06; 2 3 /* 4 * 如果一个类的元素要想能够进行自然排序,就必须实现自然排序接口 5 */ 6 public class Student implements Comparable<Student> { 7 private String name; 8 private int age; 9 10 public Student() { 11 super(); 12

利用循环遍历的方式判断某个对象是否属于这个数组

<!doctype html><html > <head> <title>利用循环遍历的方式判断某个对象是否属于这个数组</title> <meta charset="UTF-8"> </head> <body> <!-- 利用循环遍历的方式判断某个对象是否属于这个数组; 不属于这个数组时,把这个对象填充到数组里面去: --> </body></html>

使用for in循环遍历json对象的数据

使用for in遍历json对象数据,如果数据中的名称有为数字的话,只对正整数有效,那么先会输出为正整数的数据,后面其他的会按照原来数据中定义的顺序不变输出. 针对名称为数字的json对象数据进行测试,代码如下: <script type="text/javascript"> var json_obj_data = { "40":{"title":"all" , "name" :"al

JavaSE中Collection集合框架学习笔记(3)——遍历对象的Iterator和收集对象后的排序

前言:暑期应该开始了,因为小区对面的小学这两天早上都没有像以往那样一到七八点钟就人声喧闹.车水马龙. 前两篇文章介绍了Collection框架的主要接口和常用类,例如List.Set.Queue,和ArrayList.HashSet.LinkedList等等.根据核心框架图,相信我们都已经对Collection这个JavaSE中最常用API之一有一个较为全面的认识. 这个学习过程,还可以推及到其他常用开源框架和公司项目的学习和熟悉上面.借助开发工具或说明文档,先是对项目整体有一个宏观的认识,再根

JavaScript基础 使用 for in 循环遍历 window对象的所有属性

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut