我们在前端开发中经常需要处理 JavaScript 对象,有时候需要操作嵌套对象的属性,这时候就需要使用一个方便快捷的方法来访问对象的属性,这个时候 get-object-path 就派上用场了。
get-object-path 简介
get-object-path 是一个从嵌套对象中获取属性值的 JavaScript 工具库。它提供了一个方法 getObjectPath,该方法可以获取嵌套对象中的某个属性的值。
为什么使用 get-object-path
如果你需要操作嵌套对象的属性,例如:
-- -------------------- ---- -------
----- ---- - -
--- ---------
----- -----
---- ---
-------- -
----- -
----- -----
----- -----
--
--------- -
----- ------
----- --------
-
-
-
----- -------- - ---------------------- -- --
----- ------------ - -------------------------- -- ------上述方式可以很快地获取我们需要的属性值,但是当我们需要处理更加复杂的嵌套对象时,代码就会变得非常冗长且难以维护,例如:
-- -------------------- ---- -------
----- ------ - -
--- ------
----- -----
------- -------
---- ---
---------- -
------ -----
------- -
----- -------
-------- -
----- -----
--------- -----
--
----- ----------------------------------
--
------ ----------
--
----- -
-------- -
----- -------
----- ----------------------------------
--
----------- ---------- -- ----
-
-
----- ----------- - ------------------------
----- ---------- - ----------------------------如果使用 get-object-path 来获取这些属性
const getObjectPath = require('get-object-path')
const companyName = getObjectPath(person, 'work.company.name')
const schoolName = getObjectPath(person, 'education.school.name')代码就会变得更加简洁明了且易于维护。
get-object-path 使用方法
安装 get-object-path
npm install get-object-path
使用方法如下:
const getObjectPath = require('get-object-path')
const value = getObjectPath(object, path)其中:
object:操作的对象path:访问属性的路径字符串,可以是点分隔符来表示嵌套属性(例如:user.address.city.name)也可以是数组表示法(例如:['user', 'address', 'city', 'name'])
示例代码
-- -------------------- ---- -------
----- ------------- - --------------------------
----- ------ - -
--- ------
----- -----
------- -------
---- ---
---------- -
------ -----
------- -
----- -------
-------- -
----- -----
--------- -----
--
----- ----------------------------------
--
------ ----------
--
----- -
-------- -
----- -------
----- ----------------------------------
--
----------- ---------- -- ----
-
-
----- ----------- - --------------------- --------------------
----- ---------- - --------------------- ------------------------
------------------------ -- ----
----------------------- -- ----总结
通过 get-object-path 可以方便快捷地获取嵌套对象的属性值,在处理复杂对象时可以使代码更具可读性,易于维护。
如果你需要在前端开发中使用嵌套对象,那么 get-object-path 工具库是一个不错的选择,尝试使用它,你会体会到它所带来的便捷和舒适。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6005513f81e8991b448ce4fa