lodash中pick和omit函数介绍

pick()和omit()函数
在使用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值。

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,其他的对象没有被选出

  1. 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的名称和对应值。

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 }

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在UniApp使用Lodash库可以方便地进行数据处理和操作。Lodash是一个JavaScript实用工具库,提供了很多常用的函数方法,可以简化开发过程并提高代码的可读性和可维护性。 要在UniApp使用Lodash,首先需要安装Lodash库。可以通过npm安装,打开终端并执行以下命令: ``` npm install lodash ``` 安装完成后,在需要使用Lodash的页面或组件引入Lodash库: ```javascript import _ from 'lodash'; ``` 接下来就可以使用Lodash提供的各种函数方法了。以下是一些常用的Lodash函数方法示例: 1. 数组操作: ```javascript const arr = [1, 2, 3, 4, 5]; // 使用Lodash的map函数对数组进行映射操作 const mappedArr = _.map(arr, (num) => num * 2); console.log(mappedArr); // [2, 4, 6, 8, 10] // 使用Lodash的filter函数对数组进行过滤操作 const filteredArr = _.filter(arr, (num) => num % 2 === 0); console.log(filteredArr); // [2, 4] ``` 2. 对象操作: ```javascript const obj = { name: 'Alice', age: 20, gender: 'female' }; // 使用Lodashpick函数选择对象的指定属性 const pickedObj = _.pick(obj, ['name', 'age']); console.log(pickedObj); // { name: 'Alice', age: 20 } // 使用Lodash的omit函数忽略对象的指定属性 const omittedObj = _.omit(obj, ['gender']); console.log(omittedObj); // { name: 'Alice', age: 20 } ``` 3. 字符串操作: ```javascript const str = 'Hello, World!'; // 使用Lodash的toUpper函数将字符串转为大写 const upperStr = _.toUpper(str); console.log(upperStr); // 'HELLO, WORLD!' // 使用Lodash的truncate函数截断字符串 const truncatedStr = _.truncate(str, { length: 10 }); console.log(truncatedStr); // 'Hello, Wor...' ``` 这些只是Lodash提供的众多函数方法的一部分,你可以根据具体需求查阅Lodash官方文档来了解更多用法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值