js 对象数组中查找指定对象的下标并插入新的对象

阅读本书更多章节>>>>

js 对象数组中查找指定对象的下标并插入新的对象

可以使用 findIndex() 方法来查找数组对象中指定对象的下标。findIndex() 方法接受一个回调函数作为参数，用于判断每个元素是否符合要求。回调函数会接受三个参数：当前元素，当前元素的索引，数组本身。当找到第一个符合要求的元素时，该元素的索引会被返回；否则，返回 -1。

例：

const arr = [  { id: 1, name: 'foo' },  { id: 2, name: 'bar' },  { id: 3, name: 'baz' },];

我们想查找元素 { id: 2, name: ‘bar’ } 的索引位置，可以这样写：

const targetObj = { id: 2, name: 'bar' };const index = arr.findIndex((obj) => obj.id === targetObj.id && obj.name === targetObj.name);console.log(index); // 1

我们想查找元素 id == 2 的索引位置，可以这样写：

const findId = 2;const index = arr.findIndex((obj) => obj.id === findId);console.log(index); // 1

在查找到指定对象的下标后，插入一个新的对象。

可以使用 splice() 方法来在数组的指定索引位置插入一个对象。splice() 方法接受三个参数，第一个参数为待插入对象的索引位置，第二个参数为要删除的元素个数，第三个参数为要插入的对象。

例：
我们想在查找到的位置插入一个新的对象 { id: 4, name: ‘qux’ }，可以这样写：

arr.splice(index, 0, { id: 4, name: 'qux' });

我们就会得到：

[  { id: 1, name: 'foo' },  { id: 4, name: 'qux' },  { id: 2, name: 'bar' },  { id: 3, name: 'baz' },];

阅读本书更多章节>>>>

本文链接：https://www.kjpai.cn/gushi/2024-04-24/161657.html，文章来源：网络cs，作者：利杜鹃，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！