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 }


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


  • 2017-02-09 09:02:26

    两列布局——左侧宽度固定,右侧宽度自适应的两种方法

     关于左侧宽度固定,右侧宽度自适应两列布局的一种很常用的方法我相信大家都知道。就是利用左侧元素浮动,或者绝对定位的方式使其脱离常规文档流,让两个块级元素能够在同一行显示。然后右侧元素 margin-left 的值等于左侧元素宽度,这时右侧元素将紧挨着左侧元素

  • 2017-02-10 15:19:51

    Git:代码冲突常见解决方法

    如果系统中有一些配置文件在服务器上做了配置修改,然后后续开发又新添加一些配置项的时候, 在发布这个配置文件的时候,会发生代码冲突:

  • 2017-02-10 15:24:14

    linux学习之——vim简明教程

    学习 vim 并且其会成为你最后一个使用的文本编辑器。没有比这个更好的文本编辑器了,非常地难学,但是却不可思议地好用。 我建议下面这四个步骤: 存活 感觉良好 觉得更好,更强,更快 使用VIM的超能力

  • 2017-02-10 16:22:13

    git历史记录查询

    查看提交历史:git log 查看提交历史并显示版本间的差异:git log -p 查看指定历史:git log xxx(sha1值) -p 查看提交历史(指定时间):

  • 2017-02-13 17:50:05

    cURL error 60: SSL certificate problem: unable to get local issuer certificate

    Drupal 8 version uses Guzzle Http Client internally, but under the hood it may use cURL or PHP internals. If you installed PHP cURL on your PHP server it typically uses cURL and you may see an exception with error Peer certificate cannot be authenticated with known CA certificates or error code CURLE_SSL_CACERT (60).