随着前端技术的不断发展，我们在开发中经常会用到各种依赖库和工具。npm 是前端最常用的包管理工具之一，在开发中起到了非常重要的作用。其中，justpick 是一款非常实用的 npm 包，它可以帮助我们方便地从数组或对象中获取指定属性的值。本文主要介绍 justpick 的使用方法和实际应用场景。
安装
在使用 npm 包之前，我们需要先安装它。在终端中输入以下命令即可安装 justpick：
npm install justpick
使用方法
justpick 主要提供了两种方法：justPick 和 justPickBy。
justPick
justPick 方法可以从一个对象或数组中获取指定属性的值，并返回一个新的数组，结果顺序与输入顺序一致。以下是 justPick 的使用方法：
-- -------------------- ---- ------- ----- - -------- - - -------------------- ----- ---- - - - --- -- ----- ------ ---- -- -- - --- -- ----- -------- ---- -- -- -- ----- ------ - -------------- ------ --------- -- -- -- - ---- --- -------------------- -- ----- -- ----- ------- ---- -- ----- ---------
justPickBy
justPickBy 方法可以根据指定的条件和属性获取对应的值，并返回一个新的数组。以下是 justPickBy 的使用方法：
-- -------------------- ---- ------- ----- - ---------- - - -------------------- ----- ---- - - - --- -- ----- ------ ---- -- -- - --- -- ----- -------- ---- -- -- - --- -- ----- ------- ---- -- -- -- ----- ------ - ---------------- ------ -- -------- - --- ---------- -- ------ -- ----- -------------------- -- ------- --------- ------ --------
应用场景
justpick 提供了非常方便的数据处理能力，能帮助我们简化代码，提高开发效率。以下是 justpick 的一些应用场景：
从 API 返回的数据中获取指定属性
假设我们从后端 API 获取的数据如下：
const data = [
{ id: 1, name: "Tom", age: 18 },
{ id: 2, name: "Jerry", age: 19 },
];假设我们只需要获取每个人的姓名和年龄，我们可以使用 justPick 来轻易实现：
const { justPick } = require("justpick");
const result = justPick(data, ["name", "age"]);
console.log(result); // [{name: "Tom", age: 18}, {name: "Jerry", age: 19}]过滤并获取符合条件的数据
假设我们有一组用户数据，需要根据条件过滤并获取符合条件的邮箱地址：
const data = [
{ name: "Tom", email: "tom@example.com", age: 18 },
{ name: "Jerry", email: "jerry@example.com", age: 19 },
];
const result = justPickBy(data, (item) => item.age > 18, ["email"]);
console.log(result); // [{email: "jerry@example.com}]获取嵌套对象的属性值
假设我们有以下数据，需要获取每个人的地址：
-- -------------------- ---- -------
----- ---- - -
-
--- --
----- ------
----- -
---- ---
-------- --------
--
--
-
--- --
----- --------
----- -
---- ---
-------- ------
--
--
--
----- ------ - -------------- ------------------
-------------------- -- ------- --------- ---------- ------ --------- --------避免 undefined 和 null
如果我们从对象中获取属性时，属性值不存在，就会返回 undefined。如果从数组中获取属性时，索引超出了范围，也会返回 undefined。而 justpick 可以帮助我们避免 undefined 和 null 的问题，提高程序的稳定性。
总结
使用 npm 包 justpick 可以帮助我们轻易获取对象和数组中的指定属性值，并且能够方便地处理数据。justpick 提供的 justPick 和 justPickBy 方法在实际项目中有很多应用场景，能够提高开发效率，并简化代码。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef94c49986ca68d8760