在前端开发中，处理字符串是非常常见的操作。而经常用到的一个字符串操作就是查找特定字符串或字符的位置，这个过程通常需要使用 indexOf 方法。但是有时候我们需要查找的不是字符串本身的位置，而是一个属性值（即通过单个属性来标志对象。例如：数组中的某个元素需要通过其中某个属性来查找）。这时，我们就可以使用 indexof-property 这个 npm 包，它可以更加方便地查找对象数组中某个属性的值。
安装
我们可以通过 npm 来安装 indexof-property 包，在终端中运行以下命令来进行安装：
npm install indexof-property
语法
indexof-property 包的语法如下：
index(arr, prop, val, fromIndex)
其中：
arr：必传，要查找的对象数组；prop：必传，要查找的对象属性；val：必传，要查找的属性值；fromIndex：[可选]，数组查找开始的位置，默认值为0。
示例代码
我们来看一个使用 indexof-property 包的实例：
-- -------------------- ---- ------- ----- --------------- - ---------------------------- ----- ---- - - - ----- -------- ---- -- -- - ----- ------- ---- ---- - ----- --------- ---- ---- - ----- --------- ---- --- -- ----- ----- - --------------------- ------- ---------- ------------------- -- - ----- ------ - ------------ -------------------- -- - ----- --------- ---- -- -展开代码
如上示例所示，我们通过 indexOfProperty 方法，在对象数组（data）中查找到属性名为 name 且属性值为 Oliver 的对象。indexOfProperty 方法返回一个数字，表示该对象在数组中的位置。我们将该数字存储到了 index 变量中，并使用该数字从数组中获取到了该对象并存储在 result 变量中。
优化
如果你想简化使用 indexof-property 包的代码，你可以使用 JavaScript 中的解构语法：
const { index: index1, item: item1 } = indexOfProperty(data, 'name', 'Oliver'); console.log(index1); // 2 console.log(item1); // { name: 'Oliver', age: 28 }
通过解构，我们将 indexOfProperty 方法返回的 index 和对应的对象同时存储到了 index1 和 item1 变量中，从而避免了使用两次数组存取操作。
总结
indexof-property 包可以方便地通过一个对象数组的属性进行查找，是前端开发中常用的一个工具库。在使用时，我们需要传入要查找的对象数组、要查找的属性以及属性值，就可以得到该对象在数组中的位置，从而可以进一步操作该对象。如果你在前端开发中经常需要处理对象数组，可以尝试使用 indexof-property 包，提高你的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/62300
