在前端开发中,在处理对象数据时,经常需要从一个对象中摘取部分属性并组成新的对象。我们可以使用 es6 中的对象解构语法来实现,但是当对象属性数量比较多时,这种方式显得比较繁琐。而 npm 包 object-only 就是为了解决这个问题而生。
安装和引用
在命令行中使用以下命令安装 object-only:
--- ------- ----------- ------
安装完成后,我们就可以在代码中使用它了。引用 object-only 模块的方式如下:
----- ---------- - -----------------------
使用方法
object-only 的使用非常简单,只需要将需要摘取的属性名以数组形式传给 objectOnly 函数即可。下面是一个示例代码:
----- ---------- - ----------------------- ----- ------ - - ----- -------- ---- --- ------- --------- ------ ------------ -- ----- --------------- - ------------------ -------- ------ ----------- ----------------------------- -- - ----- -------- ---- --- ------- -------- -
上面的代码中,我们传入了一个对象 person
和一个包含了需要摘取的属性名的数组。objectOnly
函数将从 person
对象中摘取这几个属性,并组成一个新的对象 personBasicInfo
。最后输出的结果即为从 person
对象中摘取的属性组成的新对象。
注意事项
- object-only 只是摘取对象的浅层属性,如果需要摘取对象中的深层属性,需要自行实现或使用其他的插件或库。
- 传入空对象或空数组会抛出 TypeError 异常,需要特别注意。
总结
使用 npm 包 object-only 可以轻松地从对象中摘取需要的属性,避免了使用对象解构语法时需要手动输入属性名的繁琐过程。object-only 非常轻量,使用也非常简单,非常适用于前端开发中的对象数据处理场景。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066f9b3d1de16d83a66e37