首页 > web前端 > js教程 > 如何根据特定属性查找并替换 JavaScript 数组中的对象?

如何根据特定属性查找并替换 JavaScript 数组中的对象?

Patricia Arquette
发布: 2024-11-28 14:26:12
原创
257 人浏览过

How to Find and Replace an Object in a JavaScript Array Based on a Specific Property?

在对象数组中查找具有特定属性的对象

在 Javascript 中,可以在未命名对象数组中搜索特定属性基于属性值匹配的对象。考虑以下数组:

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];
登录后复制

查找对象:

要查找属性“name”设置为“string 1”的对象,请使用 find () 方法。语法为:

let obj = arr.find(o => o.name === 'string 1');
登录后复制

此代码迭代数组并返回条件 o.name === 'string 1' 为 true 的第一个对象。生成的 obj 将包含以下数据:

{ name:"string 1", value:"this", other: "that" }
登录后复制

替换找到的对象:

找到对象后,可以将其替换为编辑后的版本。为此,请使用 findIndex() 方法获取数组中对象的索引:

let index = array.findIndex(o => o.name === 'string 1');
登录后复制

然后,使用数组的 splice() 方法替换该索引处的对象:

array.splice(index, 1, { new_name: "string 1", new_value: "updated" });
登录后复制

现在,数组将包含更新后的对象:

[
    { name:"string 1", value:"updated", other: "that" },
    { name:"string 2", value:"this", other: "that" }
]
登录后复制

以上是如何根据特定属性查找并替换 JavaScript 数组中的对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板