在前端开发中，有时需要从一个深嵌套的对象中取出一个值，但由于对象中可能存在 undefined 或空值，所以直接访问会导致程序崩溃。simple-safe-get 是一个 npm 包，它可以帮助我们安全地获取对象中的值。
安装 simple-safe-get
使用 npm 进行全局安装：
npm install simple-safe-get -g
或者，将其作为项目的依赖项安装：
npm install simple-safe-get --save
使用方法
simple-safe-get 提供了一个 get 函数，该函数接收两个参数：
- 对象
- 可以用点号分隔的层级路径
例如，如果我们有以下对象：
const obj = {
a: {
b: {
c: "hello world"
}
}
};我们可以使用 get 函数获取 c 的值：
const get = require("simple-safe-get");
const result = get(obj, "a.b.c");
console.log(result); // 输出 'hello world'如果要获取一个不存在的值，则 get 函数会返回 undefined，而不会导致程序崩溃。
-- -------------------- ---- -------
----- --- - -
-- -
-- --
-
--
----- --- - ---------------------------
----- ------ - -------- ---------
-------------------- -- -- ---------在 React 中使用 simple-safe-get
在 React 中，simple-safe-get 可以帮助我们在遍历深层嵌套的对象时更方便地获取值。
例如，有一个嵌套的对象列表，我们想渲染每个对象的 title：
-- -------------------- ---- -------
----- -------- - -
-
--- --
------ ------ ---
-------- -
--------- ---- ----- --
-
--
-
--- --
-------- -
--------- ---- ----- --
-
-
--我们可以使用 simple-safe-get 遍历这个列表，避免 undefined 值导致的程序崩溃：
-- -------------------- ---- -------
----- --- - ---------------------------
-------- ------------ -
------ ----------------- -- -
---- --------------
--------------- ---------------
--------------- --------------------------
------
---
-这样，我们就可以在 React 中更安全地获取深嵌套对象中的值。
结论
使用 simple-safe-get，可以更方便、更安全地获取嵌套对象中的值，尤其是在 React 开发中，可以减少因取值为空或 undefined 造成的程序崩溃。建议在前端开发中广泛使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005579081e8991b448d48ea