代码之家 › 专栏 › 技术社区 › Maryannah

更新具有匹配属性的对象并忽略新属性

ecmascript-6 typescript javascript

Maryannah · 技术社区 · 8 年前

我正在使用typescript,我想用另一个对象更新一个对象,只更新匹配的键。

// Destination
objectOne = {
  a: 0,
  b: 0,
};

// Source
objectTwo = {
  a: 1,
  b: 1,
  c: 1,
};

// Expected
result = {
  a: 1,
  b: 1,
};

// Current solution
const current = {};
Object.keys(objectTwo).forEach(key => key in objectOne ? current[key] = objectTwo[key] : null);

console.log(current);

有单程航班吗 (即,不是迭代键的自定义函数) 那会忽略财产 c 在源头上?我还希望避免使用像lodash或jquery这样的库。

重复编辑 我的问题不是要合并两个对象,而是忽略第二个对象中的字段,而不是第一个对象中的字段。

3 回复 | 直到 8 年前

Maryannah 8 年前

一段时间没有答案,似乎最短的解决办法就是我自己提供的:

Object.keys(newObj).forEach(key => key in oldObj? result[key] = newObj[key] : null)

Reuven Chacha 8 年前

const result = Object.keys(objectOne)
    .reduce((init, key) => Object.assign(init, {[key]: objectTwo[key]}) , {});

Leonid Pyrlia 8 年前

我认为没有内置函数来完成您所需要的,而不是通过迭代第一个对象的键和第二个对象的值来实现自定义函数:

const objectOne = {
  a: 0,
  b: 0
};

const objectTwo = {
  a: 1,
  b: 1,
  c: 1,
};

const result = Object.keys(objectOne).reduce((all, key) => {

    all[key] = objectTwo[key] || objectOne[key];

    return all;

},{});

console.log(result);

推荐文章

Shibaji Biswas · 如何在Template literal的双引号内的html div id中编写JavaScript变量?

1 年前

GulgDev · 为什么不将属性设置为无效值?

2 年前

Koffee · 动画继续使用update()重新启动,而不是在Phaser 3中正常播放

2 年前

Monnt · 如何查看数组是否包括具有特定值的嵌套数组?

2 年前

JsCoder · 用ECDSA对C语言中的数据进行加密#

2 年前

dsi · 排序功能可实现多列的自定义差异

2 年前

huz3y · 如何在JavaScript中基于另一个变量值构建变量?如何重新分配它的值并对该变量执行方法?复制

2 年前

Darigan · clearTimeout将一个函数中的计时器与另一个函数(React.js)一起超时

2 年前

Joseph · 仅在React和JS中生成深色

2 年前

Joseph · 在Javascript中检索一些文本

2 年前