📜  lodash pick - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:45.013000             🧑  作者: Mango

Lodash Pick - Javascript

介绍

Lodash是一个功能强大,被广泛使用的Javascript工具库。其中的pick方法可以从一个对象中获取指定的属性。

语法
_.pick(object, [props])

参数说明:

  • object(Object):需要获取属性的对象。
  • [props](...string):需要获取属性的属性列表。
使用例子
const user = {
  name: 'Tom',
  age: 25,
  gender: 'Male',
  email: 'tom@example.com',
}

const pickedUser = _.pick(user, ['name', 'email']);

console.log(pickedUser);
// Output: { name: 'Tom', email: 'tom@example.com' }

在上面的例子中,_.pick函数从用户对象中获取了nameemail属性。

处理嵌套对象

_.pick函数也支持从嵌套对象中获取属性。例如:

const user = {
  name: 'Tom',
  age: 25,
  gender: 'Male',
  contact: {
    email: 'tom@example.com',
    phone: '123456789',
  },
}

const pickedUser = _.pick(user, ['name', 'contact.email']);

console.log(pickedUser);
// Output: { name: 'Tom', contact: { email: 'tom@example.com' } }
处理数组

_.pick函数可以接收一个数组,并处理每个元素中指定的属性。例如:

const users = [
  { name: 'Tom', age: 25, gender: 'Male' },
  { name: 'Sarah', age: 30, gender: 'Female' },
  { name: 'John', age: 35, gender: 'Male' },
]

const pickedUsers = _.map(users, (user) => {
  return _.pick(user, ['name', 'age'])
})

console.log(pickedUsers);
// Output: [ { name: 'Tom', age: 25 }, { name: 'Sarah', age: 30 }, { name: 'John', age: 35 } ]

在上面的例子中,_.map函数将users数组中的每个元素传递给_.pick函数,并返回一个新的对象数组,其中只包含nameage属性。

结论

使用_.pick函数可以轻松从JavaScript对象中获取指定的属性。它可以用于处理简单对象、深度嵌套的对象以及对象数组。