在前端开发中,有时需要从一个深嵌套的对象中取出一个值,但由于对象中可能存在 undefined 或空值,所以直接访问会导致程序崩溃。simple-safe-get 是一个 npm 包,它可以帮助我们安全地获取对象中的值。
安装 simple-safe-get
使用 npm 进行全局安装:
--- ------- --------------- --
或者,将其作为项目的依赖项安装:
--- ------- --------------- ------
使用方法
simple-safe-get 提供了一个 get 函数,该函数接收两个参数:
- 对象
- 可以用点号分隔的层级路径
例如,如果我们有以下对象:
----- --- - - -- - -- - -- ------ ------ - - --
我们可以使用 get 函数获取 c 的值:
----- --- - --------------------------- ----- ------ - -------- --------- -------------------- -- -- ------ ------
如果要获取一个不存在的值,则 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