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-04-14 09:40:59

    CSS3实现文字描边的2种方法

    首先想到去看CSS3有没有什么属性可以实现,后来被我找到了text-stroke     该属性是一个复合属性,可以设置文字宽度和文字描边颜色      该属性使用很简单:text-stroke:1px #f00;(1px是文字宽度,#ff是文字描边颜色)

  • 2020-04-14 09:42:47

    用 TypeScript 编写 npm 模块

    自从开始使用 Node.js 已经一年多,写的代码越多,越是觉得自己提高的越慢。想来应该有没有将单一功能的代码封装在一个独立模块,而导致代码稍微多一点就维护困难的原因。

  • 2020-04-14 09:46:25

    TypeScript 入门教程

    TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

  • 2020-04-14 09:51:03

    package.json 字段说明

    package.json 有很多字段,也有很多官方字段,我们需要知道他们的具体是做什么的才能很好的运用

  • 2020-04-14 15:35:52

    caniuse前端兼容性检查和使用

    相信大家都曾用caniuse网站查询过css、js的一些兼容性问题,并且都从它反馈的兼容性数据中获益,让我们的线上项目更加稳定、和谐的跑在用户电脑里。不过对于caniuse页面上的一些细节,我们可能会感到困惑或者模棱两可,今天就带着大家一起来重新认识caniuse这个网站,并对它的原理和细节做些探究。

  • 2020-04-15 17:00:07

    export和import的理解,这一篇问扎根就够了

    在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。