如何使用javascript覆盖现有对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用javascript覆盖现有对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1181字，纯文字阅读大概需要2分钟。

内容图文

我想知道如何在对象中添加现有的匹配值并在javascript中添加剩余的值
例如,我需要将merge_obj与ID为’1’的my_obj匹配,匹配值targetAmount仅替换,其余属性需要添加

我试过了

var filtervalue = my_obj.filter((e)=>e.id == "1").map((e)=>Object.assign({},e[0], merge_obj));

const merge_obj = {
  targetAmount: 50688.97,
  type: "REGULAR"
}

const my_obj = [
  {
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: "2000"
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000"
  },
]


Expected Output:
var my_obj = [
{
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: 50688.97,
    type: "REGULAR",
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000",
  },
]

解决方法:

只需通过检查id合并第一个：

var my_obj = [{
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: "2000"
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000"
  },
]

var merge_obj = {
  targetAmount: 50688.97,
  type: "REGULAR"
};

var new_obj = my_obj.map(e => {
  if (e.id == "1") {
    Object.keys(merge_obj).forEach(key => e[key] = merge_obj[key]);
  }
  return e;
});
console.log(new_obj);

.as-console-wrapper { max-height: 100% !important; top: auto; }

内容总结

以上是互联网集市为您收集整理的如何使用javascript覆盖现有对象全部内容，希望文章能够帮你解决如何使用javascript覆盖现有对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端