は、オブジェクトが

Question

を割り当てる使用してプロパティを追加する私は、次の機能を持っている：

addHrefs = (list) => { 
    const listWithHrefs = list.map((item) => { 
     item.href = customFunction(item.name); 
     return item; 
    }); 
    return listWithHrefs; 
} 

ここでの問題は、私はlistオブジェクトを変異しています。私はlistを変異させずに特定の(key, value)ペアを追加する方法を知りたいと思います。 Object.assignで可能ですか？どうしたらいいですか？

Answer 1

Object.assignで可能です。

Object.assign()方法は、ターゲット・オブジェクトに1つ以上のソースオブジェクトからのすべての列挙独自のプロパティの値をコピーするために使用されます。ターゲットオブジェクトを返します。

プロパティ値を新しいオブジェクトに割り当てて戻すことができます。

addHrefs = list => 
    list.map(item => Objects.assign({}, item, { href: customFunction(item.name) })); 

Answer 2

2番目のパラメータで、Object.assign()に最初のパラメータとして参照されたオブジェクトをプレーンなオブジェクトを渡すことができます。 Object.assign()に割り当てられた変数の操作を実行し、これは `list`を変異させていない可能性があることを、変数

let list = [{ 
 
    a: 1 
 
}, { 
 
    a: 2 
 
}, { 
 
    a: 3 
 
}]; 
 

 
let res = list.map(item => { 
 
    let o = Object.assign({}, item); 
 
    // do stuff with `o` 
 
    o.a = o.a + 10; 
 
    // return `o` 
 
    return o 
 
}); 
 

 
console.log(list, res);