(九)学习笔记--提高开发效率的Lodash

最新推荐文章于 2022-10-12 10:07:28 发布

Augustine_Cyq

最新推荐文章于 2022-10-12 10:07:28 发布

阅读量362

点赞数

分类专栏： 2020年学习笔记

本文链接：https://blog.youkuaiyun.com/Augustine_Cyq/article/details/106363306

版权

2020年学习笔记专栏收录该内容

12 篇文章

订阅专栏

本文介绍了Lodash库在开发中的几个实用功能，包括深层查找属性值、深克隆对象、生成指定范围内的随机数、合并对象、检查对象是否包含特定元素以及实现数组去重。这些技巧能有效提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Lodash篇

1.深层查找属性值

var ownerArr = [{
        "owner": "Colin",
        "pets": [{"name": "dog1"}, {"name": "dog2"}]
    }, {
        "owner": "John",
        "pets": [{"name": "dog3"}, {"name": "dog4"}]
    }];

var lodashMap = _.map(ownerArr, 'pets[0].name');
console.log('------- lodashMap -------');
console.log(lodashMap); -> ["dog1","dog3"]

2.深克隆对象

var objA = {
      "name": "戈德斯文"
    };
var objB = _.cloneDeep(objA);
console.log(objA === objB); -> false

3.在指定范围内获取一个随机值

getRandomNumber(15, 20);

你也可以指定返回的结果为浮点数_.random(15,20,true);

4.合并对象

var objA = {"name": "戈德斯文", "car": "宝马"};
var objB = {"name": "柴硕", "loveEat": true};

console.log(_.assign(objA, objB)); 

->{"name": "柴硕", "car": "宝马", "loveEat": true}

5.判断对象中是否含有某元素

var smartPerson = {
            'name': '戈德斯文',
            'gender': 'male'
        },
        smartTeam = ["戈德斯文", "杨海月", "柴硕", "师贝贝"];


console.log(_.includes(smartPerson, '戈德斯文')); -> true
console.log(_.includes(smartTeam, '杨海月')); -> true
console.log(_.includes(smartTeam, '杨海月',2)); -> false

_.includes()第一个参数是需要查询的对象，第二个参数是需要查询的元素，第三个参数是开始查询的下标.

6.数组去重

var arr1 = [2, 1, 2];
var arr2 = _.uniq(arr1);
console.log(arr2); -> [2,1]