lodash中pick和omit函数介绍

2021-02-02 09:50:01

在使用lodash之前,我们需要引入lodash,下面是引入的方式

const _ = require('lodash/object');



1. pick()函数

    调用格式:_.pick(object, *keys) 
    该函数的功能是:返回一个只有列入挑选key属性的对象。其中,参数object为JSON格式的对象,*keys表示多个需要挑选出来的key属性。示例如下


const _ = require('lodash/object');const originObject = {A: 1,B: 2,C: 3,D: 4};const newObject = _.pick(originObject, 'B', 'C');console.log(originObject);console.log(newObject);

输出结果如下图所示:


:originObject:
{ A: 1, B: 2, C: 3, D: 4 }
newObject:
{ B: 2, C: 3 }



在上述代码中,先定义一个名为originObject的对象,该对象中包含4个属性,分别为A、B、C、D;然后调用pick()函数,挑选key的属性为B、C,并将返回的对象赋予变量newObject;最后,在控制台输出该对象的内容。从输出结果中可以看出,挑选key属性后,返回一个新的对象,该对象包含被挑选的全部key属性和value值。

在学习了基本的pick方法之后,我们还能够进行了解一下pickBy,显而易见,就是通过某一属性进行挑选,


const _ = require('lodash');const originObject = {A: 1,B: 2,C: 3,D: 4,E: '5',F: true};const newObject = _.pickBy(originObject, _.isString);console.log('originObject:');console.log(originObject);console.log('newObject:');console.log(newObject);

输出结果为:


originObject:
{ A: 1, B: 2, C: 3, D: 4, E: '5', F: true }
newObject:
{ E: '5' }

在上面的结果中,在旧对象中挑选出了是字符串的对象E,其他的对象没有被选出


2. omit()函数

    调用格式:_.omit(object, *keys) 
    该函数的功能是:返回一个没有列入排除key属性的对象。其中,参数object为JSON格式的对象,*keys表示多个需要排除掉的key属性。示例如下。


const _ = require('lodash/object');const originObject = {A: 1,B: 2,C: 3,D: 4};const newObject = _.omit(originObject, 'B', 'C');console.log('originObject:');console.log(originObject);console.log('newObject:');console.log(newObject);

输出结果如下所示:


originObject:
{ A: 1, B: 2, C: 3, D: 4 }
newObject:
{ A: 1, D: 4 }


      在上述代码中,调用omit()函数,排除key的属性为B、C,将返回的对象赋予变量newObject,并在控制台输出该对象的内容。从输出结果可以看出,因为排除了key属性B和C,最后返回的新对象中仅包含了key属性A和D的名称和对应值。

同理,我们也能够了解omitBy方法的使用,

const _ = require('lodash');const originObject = {A: 1,B: 2,C: 3,D: 4,E: '5',F: true};const newObject = _.omitBy(originObject, _.isString);console.log('originObject:');console.log(originObject);console.log('newObject:');console.log(newObject);

输出结果如下面所示:

originObject:
{ A: 1, B: 2, C: 3, D: 4, E: '5', F: true }
newObject:
{ A: 1, B: 2, C: 3, D: 4, F: true }


由上面结果可以看出,仅仅限制住了是字符串的对象,其余对象仍旧返回到新的对象中


  • 2020-06-02 08:57:12

    clipboard复制成功但是粘贴板是空的

    将文本复制到剪贴板应该不难。配置它不需要几十个步骤,也不需要加载数百KB的js文件 。但最重要的是,它不应该依赖Flash或任何臃肿的框架。这就是clipboard.js存在的原因。

  • 2020-06-04 13:54:21

    vue生成的__ob__: Observer无法解析jsonp

    computed 从vuex获得数据,watch监听数据 然而问题就出现在了监听上,监听不到,给个setTimeOut 1000 就能检测到数据了,不然打印时又数据,用的时候时空的,不知道时什么原因。

  • 2020-06-06 20:22:56

    laravel 接收json串

    在做项目的时候发现 用平时的$request->all() 无法获取到请求值

  • 2020-06-09 08:50:28

    LRU原理以及js实现

    LRU(Least recently used,最近最少使用)算法根据数据的历史访问记录来进行淘汰数据,其核心思想是“如果数据最近被访问过,那么将来被访问的几率也更高”。

  • 2020-06-20 06:31:16

    mac下全局配置adb环境

    不提示“command not found”,而是出现一长串帮助说明,那就证明adb已经配置好了。

  • 2020-06-20 06:31:39

    Android 无线调试手机(WiFi 调试)

    手机需要开启 USB 调试 手机和电脑要在同一个局域网(连接同一个 WiFi) adb connect 连接成功后要拔出 USB 线,不然出现同时连接两个设备的问题 执行命令 ”adb tcpip 6666“ 后可能需要重新开启 USB 调试

  • 2020-08-16 16:09:30

    android WebView 注入js 几种方式

    有时我们开发中需要将js 注入到我们本地,有可能你会说,放在Web不就可以了吗,的确,但是需求就是这样的