Lodash-finder 是一个基于 Lodash 的工具，能够对数组或对象进行深度查找和筛选，让我们更容易地操作和管理数据。本文将介绍 lodash-finder 的基础使用方法和常见场景，并给出代码示例。
安装和引入
在使用 lodash-finder 之前，需要先安装和引入它。通过 npm 安装：
npm install lodash-finder
在代码中引入：
const finder = require('lodash-finder');基本语法
where
where 方法用于根据给定条件在数组或对象中查找匹配的数据。它接收两个参数：第一个是待查找的数据，可以是数组或对象；第二个是查找条件，可以是对象或一个函数。如果条件中给出的属性值与数据中的属性值完全匹配，则返回这条数据。
const arr = [{ name: 'Alice', score: 80 }, { name: 'Bob', score: 90 }];
const res = finder.where(arr, { score: 80 });
console.log(res); // [{ name: 'Alice', score: 80 }]如果条件是一个函数，则该函数将接收每个数据作为参数，返回 true 或 false。如果返回 true，则这条数据符合条件。
const arr = [{ name: 'Alice', score: 80 }, { name: 'Bob', score: 90 }];
const res = finder.where(arr, item => item.score > 85);
console.log(res); // [{ name: 'Bob', score: 90 }]get
get 方法用于获取数组或对象中的属性值。可以使用点语法或数组语法，支持深层查找。
-- -------------------- ---- -------
----- --- - -
----- --------
---- ---
----- -
------ -
-
--
----- ---- - --------------- --------
------------------ -- -------
----- ----- - --------------- -------- ----------
------------------- -- -常见场景
数组或对象的查找和过滤
使用 where 方法可以轻松地在数组或对象中查找和过滤数据，这对于展示用户数据或统计数据非常有用。
const arr = [
{ name: 'Alice', score: 80 },
{ name: 'Bob', score: 90 },
{ name: 'Charlie', score: 70 }
];
const res = finder.where(arr, item => item.score > 75);
console.log(res); // [{ name: 'Alice', score: 80 }, { name: 'Bob', score: 90 }]数组或对象的映射
使用 map 方法可以在数组或对象中映射数据，这对于将用户数据进行格式化或提取统计数据非常有用。
const arr = [
{ name: 'Alice', score: 80 },
{ name: 'Bob', score: 90 },
{ name: 'Charlie', score: 70 }
];
const res = arr.map(item => ({ name: item.name.toUpperCase(), score: item.score }));
console.log(res); // [{ name: 'ALICE', score: 80 }, { name: 'BOB', score: 90 }, { name: 'CHARLIE', score: 70 }]数组或对象的聚合
使用 reduce 方法可以在数组或对象中进行聚合计算，这对于求出统计数据非常有用。
const arr = [
{ name: 'Alice', score: 80 },
{ name: 'Bob', score: 90 },
{ name: 'Charlie', score: 70 }
];
const sum = arr.reduce((acc, item) => acc + item.score, 0);
console.log(sum); // 240结语
lodash-finder 是一个实用的工具，能够帮助我们更容易地操作和管理数组或对象中的数据。希望这篇文章能够帮助你学习和使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76730