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’ }，可以这样写：文章来源：https://www.toymoban.com/news/detail-553106.html
arr.splice(index, 0, { id: 4, name: 'qux' });
我们就会得到：文章来源地址https://www.toymoban.com/news/detail-553106.html
[
{ id: 1, name: 'foo' },
{ id: 4, name: 'qux' },
{ id: 2, name: 'bar' },
{ id: 3, name: 'baz' },
];
到了这里，关于js 对象数组中查找指定对象的下标并插入新的对象的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
