打字稿合并对象左右

Question

如何创建一个函数来合并这两个对象。

1. 第一个参数：要合并的对象（左）
2. 第二个参数：要合并的对象（右）
3. 第三个参数：指定合并对象上保留的属性。 （'连接'，'左'，'右'）， 默认是连接

concat：保留两个对象的所有属性 left: 返回对象的属性仅是第一个参数对象的属性 对：返回对象的属性只是第二个参数的对象的属性

const input1 = {a: 'la', b: 'lb'};
const input2 = {a: 'ra', c: 'rc'};

// concat
mergeObj(input1, input2, 'concat'); // output: {a: 'ra', b: 'lb', c: 'rc'}
// left
mergeObj(input1, input2, 'left'); // output: {a: 'ra', b: 'lb'}
// right
mergeObj(input1, input2, 'right'); // output: {a: 'ra', c: 'rc'}

Answer 1

您可以简单地使用switch statement 和destructuring assignment

const input1 = {a: 'la', b: 'lb'};
const input2 = {a: 'ra', c: 'rc'};

const mergeObj = ( input1, input2, prop ) => {
  switch(prop){
    case 'left' : return {...input1};
    case 'right': return {...input2};
    default: return {...input1,...input2}
  }
}


console.log( mergeObj(input1, input2, 'concat') );
console.log( mergeObj(input1, input2, 'left') );
console.log( mergeObj(input1, input2, 'right') );

Answer 2

您可以编写一个函数mergeObj，它基于三个条件返回所需的输出

第一种情况 - Concat：您需要合并两个对象。你可以简单地使用Object.assign 来做到这一点

第二种情况-左：映射第一个对象键，如果该值存在于第二个对象集中，则返回第一个对象值本身。

第三种情况-正确只需返回第二个对象

const input1 = {a: 'la', b: 'lb'};
const input2 = {a: 'ra', c: 'rc'};


function mergeObj(inp1, inp2, type) {

  if(type === 'concat') {
    return Object.assign({}, inp1, inp2);
  } 
  if (type === 'left') {
     return Object.assign({}, ...Object.entries(inp1).map(([k, val]) => ({[k]: inp2[k] || val})));
  }
  if (type === 'right') {
    return Object.assign({}, inp2);
  }
}
// concat
console.log(mergeObj(input1, input2, 'concat')); // output: {a: 'ra', b: 'lb', c: 'rc'}
// left
console.log(mergeObj(input1, input2, 'left')); // output: {a: 'ra', b: 'lb'}
// right
console.log(mergeObj(input1, input2, 'right')); // output: {a: 'ra', c: 'rc'}