lodash.property 是一个非常实用的 npm 包，它可以帮助我们快速地获取 JavaScript 对象中的嵌套属性值。在前端开发中，我们经常需要对从后台 API 返回的数据进行处理，而这些数据往往包含嵌套的属性值。使用 lodash.property 可以让这个过程变得更加简单和高效。
安装和引入
我们可以通过 npm 命令来安装 lodash.property：
npm install --save lodash.property
然后，在需要使用 lodash.property 的地方引入它：
const property = require('lodash.property')
如果你使用的是 ES6 的模块化语法，可以这样引入：
import property from 'lodash.property'
使用方法
使用 lodash.property 很简单，只需要将嵌套属性的名称作为参数传入函数即可。例如，我们有一个对象 user，它的结构如下：
-- -------------------- ---- ------- ----- ---- - - --- -- ----- -------- -------- - ----- ----------- ------- -------- ------ ---- -------- - -展开代码
如果我们要获取 user 的城市信息，只需这样写：
const city = property('address.city')(user) console.log(city) // 'Shanghai'
这里使用了函数柯里化的思想，先传入嵌套属性的名称再传入要获取的对象。如果对象中不存在该属性，将返回 undefined。
示例
让我们看一个更复杂的例子。假设我们有一个数组 users，其中存储了多个用户的信息，每个用户都有一个 id 和一个 profile 属性，profile 是一个对象，包含了该用户的个人信息。我们想要从这个数组中获取某一个用户的手机号码。
const users = [ { id: 1, profile: { name: 'Alice', phone: '13800000001' } }, { id: 2, profile: { name: 'Bob', phone: '13800000002' } }, { id: 3, profile: { name: 'Carol', phone: '13800000003' } } ] const userId = 2 const phone = property(`profile.phone`)(users.find(user => user.id === userId)) console.log(phone) // '13800000002'
这里使用了数组的 find 方法来获取指定用户的信息。property 函数的第一个参数可以使用模板字符串来动态构造，这样我们就可以根据实际情况传入不同的属性名称。
总结
lodash.property 是一个非常实用的 npm 包，可以帮助我们快速地获取对象中的嵌套属性值。在实际开发中，我们经常需要对复杂的数据进行处理，使用 lodash.property 可以让这个过程变得更加简单和高效。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58689
