javascript 查找对象数组位置

JavaScript 是一种非常流行的前端编程语言，而对象数组在其中也扮演着重要的角色。在处理对象数组时，我们有时需要查找其中某个元素的位置。接下来，就让我们来了解一下 JavaScript 中如何查找对象数组位置吧！首先，我们需要先定义一个包含对象的数组，比如一个包含学生信息的数组 students。我们可以先定义两个学生对象，如下所示：

const students = [{name: '张三', age: 18, gender: '男'},{name: '李四', age: 20, gender: '女'}];

如果我们要查找其中一个学生的信息，比如名字叫做张三的学生，我们可以使用 findIndex 方法来实现。该方法会返回查找到的元素的下标，如果没有找到，则返回 -1。

const index = students.findIndex(student =>student.name === '张三');console.log(index); // 输出 0

上面的代码中，我们使用了箭头函数来实现查找。该函数接受一个参数，代表需要进行查找的每一个元素。这里我们可以使用 student.name 来访问对象中的名字属性。如果找到了符合条件的元素，则返回其下标。当然，除了 findIndex 方法之外，还有一些其他的方法也可以实现查找。比如，我们可以使用 forEach 方法遍历数组中的每一个元素，并进行筛选操作：

let index = -1;students.forEach((student, i) =>{if (student.name === '张三') {index = i;}});console.log(index); // 输出 0

这里，我们首先定义了一个变量 index，初始值为 -1。然后使用 forEach 方法遍历每一个元素，在其中进行我们想要的查找操作。找到了符合条件的元素时，我们就改变 index 的值，从而最终得到该元素的下标。除此之外，还有一种更加简单的方法可以获取对象数组中某个元素的位置，那就是使用 ES6 中的解构赋值方法。我们可以根据对象中的某个属性，直接获取我们想要查找的元素的下标：

const {name} = students.find(student =>student.name === '张三');const index = students.findIndex(student =>student.name === name);console.log(index); // 输出 0

这里，我们首先使用 find 方法获取到名字为张三的学生对象，然后使用解构赋值方法获取其名字属性。接着，我们再次使用 findIndex 方法进行查找，得到最终结果。总而言之，JavaScript 中查找对象数组位置的方法有很多种，我们可以根据实际情况选择适合自己的方法。无论是使用 findIndex、forEach 还是解构赋值，都需要我们对 JavaScript 的基本语法有一定的掌握，才能更好地运用它们。

上一篇：ajax参数json数据

下一篇：ajax参数 contenttype

---