简介
在前端开发中，我们经常需要从对象或数组中提取某些属性值组成一个新的数组或对象。这个任务非常常见，但如果每次都要手动遍历对象或数组，取出指定属性值，那将是非常繁琐和低效的。
这时，我们就可以使用 npm 包中的 pluck-key-values 工具来达成目标。
pluck-key-values 是一个用于提取对象或数组中指定属性值的工具库。它可以快速高效地提取指定属性值，同时支持多种属性值的提取方式。
安装
使用 pluck-key-values 工具前，我们需要先安装它。可以通过 npm 安装，在终端中运行下面的命令：
npm install pluck-key-values
使用
pluck-key-values 提供了丰富的使用方式，下面将逐个进行介绍。
pluck
pluck 方法可以提取对象数组中的指定属性值，并组成一个新的数组进行返回。
-- -------------------- ---- ------- ----- ----- - ---------------------------------- ----- ----- - - - ----- ------- ---- -- -- - ----- ------ ---- -- -- - ----- ------- ---- -- -- -- ----- ----- - ------------ -------- ------------------- -- -------- ------ -------
pluck 方法接收两个参数，第一个参数是要提取属性值的对象或数组，第二个参数是要提取的属性名。在上面的示例中，我们提取了 users 数组中所有对象的 name 属性值组成一个新的数组。
pluckExcept
pluckExcept 方法可以提取对象数组中除指定属性值以外的其他属性值，并组成一个新的数组进行返回。
-- -------------------- ---- ------- ----- ----------- - ---------------------------------------- ----- ----- - - - ----- ------- ---- -- -- - ----- ------ ---- -- -- - ----- ------- ---- -- -- -- ----- ---- - ------------------ -------- ------------------ -- ---- --- ---
pluckExcept 方法接收两个参数，第一个参数是要提取属性值的对象或数组，第二个参数是要排除的属性名。在上面的示例中，我们提取了 users 数组中所有对象除了 name 属性值以外的其他属性值组成一个新的数组。
pluckKeyValue
pluckKeyValue 方法可以提取对象数组中指定键值对的属性值，并组成一个新的数组进行返回。
-- -------------------- ---- ------- ----- ------------- - ------------------------------------------ ----- ----- - - - ----- ------- ---- --- ------- ------ -- - ----- ------ ---- --- ------- ------ -- - ----- ------- ---- --- ------- -------- -- -- ----- ----- - -------------------- --------- -------- ------------------- -- -------- ------
pluckKeyValue 方法接收三个参数，第一个参数是要提取属性值的对象或数组，第二个参数是要提取的属性名，第三个参数是要提取的属性值。在上面的示例中，我们提取了 users 数组中所有对象的 gender 属性为 male 的 name 属性值组成一个新的数组。
pluckArrayOfObjects
pluckArrayOfObjects 方法可以提取对象数组中指定属性值，并组成一个新的对象数组进行返回。
-- -------------------- ---- ------- ----- ------------------- - ------------------------------------------------ ----- ----- - - - ----- ------- ---- --- ------- ------ -- - ----- ------ ---- --- ------- ------ -- - ----- ------- ---- --- ------- -------- -- -- ----- ------------- - -------------------------- -------- ----------- --------------------------- -- -- ----- ------- ------- ------ -- - ----- ------ ------- ------ -- - ----- ------- ------- -------- --
pluckArrayOfObjects 方法接收两个参数，第一个参数是要提取属性值的对象数组，第二个参数是要提取的属性名组成的数组。在上面的示例中，我们提取了 users 数组中所有对象的 name 和 gender 属性组成一个新的对象数组。
总结
pluck-key-values 工具库提供了丰富的属性提取方式，可以使我们在前端开发中更加高效地处理数据。本篇文章对 pluck、pluckExcept、pluckKeyValue 和 pluckArrayOfObjects 四种属性提取方式进行了详细讲解，并提供了示例代码以便读者理解和操作，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2d2e563b0ab45f74a8bbe1