在前端开发中，我们常常需要从一个对象中提取出特定的属性，这时候就可以使用 sep-prop 这个 npm 包来实现快速地解构对象属性。本文将会详细介绍如何使用 sep-prop 这个 npm 包，在使用过程中如何高效地提取对象属性，以及该包的学习和指导意义。
安装
使用 npm 安装 sep-prop 包非常简单，只需在终端输入以下命令：
npm install sep-prop --save
安装完成后，就可以使用 sep-prop 包了。
使用
比如我们有如下一个对象：
-- -------------------- ---- -------
----- ------ - -
----- -------
---- ---
---- -------
-------- -
----- ---- ---------
-------- ---------
-
--我们希望从这个对象中提取出 name、age和company.address这几个属性，可以使用以下代码：
const {sep, sepPath} = require('sep-prop');
const result = sep(person, ['name', 'age', 'company.address']);
console.log(result);输出结果：
{
name: 'Jack',
age: 25,
company: {
address: 'Beijing'
}
}其中，sep方法接受两个参数，第一个参数是需要提取属性的对象，第二个参数是需要提取的属性数组。最后的输出结果就是一个新的对象，其中只包含了需要提取的属性。
如果我们不想使用数组的方式来指定需要提取的属性，可以使用 sepPath 方法。比如：
const result = sepPath(person, 'name.age', 'company.address'); console.log(result);
输出结果：
{
name: 'Jack',
company: {
address: 'Beijing'
}
}这段代码中，sepPath方法接受的参数跟之前的有所不同。我们可以将需要提取的属性用 . 连接起来，形成一个字符串，然后将这些字符串作为参数传递给该方法。sepPath 方法的结果与 sep 方法的结果相同，只不过这个方法的参数更加灵活。
除此之外，sep-prop 还提供了一些其他的方法。比如，如果我们想在提取属性时，同时将属性名转化为大写，可以使用 toUpperCase 方法：
const {sep, toUpperCase} = require('sep-prop');
const result = sep(person, ['name', 'age', 'company.address'], toUpperCase);
console.log(result);输出结果：
{
NAME: 'Jack',
AGE: 25,
COMPANY: {
ADDRESS: 'Beijing'
}
}该方法接受一个回调函数作为参数，这个函数将会在提取属性的过程中被调用，它可以对属性名进行任何形式的处理。在这个例子中，回调函数将会将属性名都转化为大写形式。
此外，你还可以使用 filterUndefined 方法过滤 undefined 属性、使用 filterNull 方法过滤 null 属性等等。这些方法都非常容易理解。
深度
在之前的例子中，我们所提取的属性都在对象的第一级中。那么如果我们需要提取的属性在对象的内部层次较深呢？比如：
-- -------------------- ---- -------
----- ------ - -
----- -------
---- ---
---- -------
-------- -
----- ---- ---------
-------- ----------
------------ -
------ ----- ---------- ----
------ ----- ---------- ----
------ -------- ---------- ----
-
-
--如果我们需要提取出 HR 这个部门的所有员工，可以这样做：
const {sepPath} = require('sep-prop');
const result = sepPath(person, 'company.departments[0].employees');
console.log(result);输出结果：20
这段代码中，company.departments[0].employees这个字符串很容易理解，它的意思就是提取 person 对象中 company 属性下的 departments 数组的第一项中的 employees 属性。
另外，我们在调用 sep-prop 的 toUpperCase 方法时，还可以对内部属性名的首字母做大写处理，比如：
const {sepPath, toUpperCase} = require('sep-prop');
const result = sepPath(person, 'company.departments[0].name', toUpperCase);
console.log(result);输出结果：HR
这段代码中，我们仅仅对内部属性的名称做了全部大写的处理。
学习和指导意义
sep-prop 这个 npm 包是一个非常实用的工具，它能够让你在提取对象属性的过程中更加高效和便捷。sep-prop 使用的语法和 API 都非常简单易用，只需要掌握一些基础的 JavaScript 知识即可上手。此外，sep-prop 还提供了一些回调函数，让你可以对属性名或属性值进行自定义处理，这对于一些特殊的需求来说也非常实用。
在实际开发中，sep-prop 这个工具有着广泛的应用场景。如果你处理的对象中包含了大量的属性，而你又不想每次都手动提取这些属性，那么 sep-prop 就是你的不错选择。
总之，sep-prop 这个 npm 包既简单又实用，掌握它的语法和使用方法无疑可以让你的工作变得更加轻松和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005569381e8991b448d35b4