連想配列のある要素の値を一括で変更して別に連想配列を格納したい

Question

###連想配列のある要素の値を一括で変更して別に連想配列を格納したい

React.jsで連想配列から、ある要素の値を一括で変更したのち、別の配列に格納したいです。

const fruits =[
{id: 0, title: "apple", items: 3, condition: "good"},
{id: 1, title: "orange", items: 5, condition: "good"},
{id: 2, title: "kiwi", items: 1, condition: "good"},
{id: 3, title: "cherry", items: 2, condition: "Bad"},
] 

上記の配列があったとして、conditionの値を一括で全て"Bad"にしたい場合はどのようにすれば良いでしょうか。
また、conditionの値を全て"Bad"にした後、新たに別の配列に一括で格納する方法を教えてください。

目標の状態

const disposal =[
{id: 0, title: "apple", items: 3, condition: "Bad"},
{id: 1, title: "orange", items: 5, condition: "Bad"},
{id: 2, title: "kiwi", items: 1, condition: "Bad"},
{id: 3, title: "cherry", items: 2, condition: "Bad"},
] 

###試したこと

const fruits =[
{id: 0, title: "apple", items: 3, condition: "good"},
{id: 1, title: "orange", items: 5, condition: "good"},
{id: 2, title: "kiwi", items: 1, condition: "Bad"},
{id: 3, title: "cherry", items: 2, condition: "good"},
] 
console.log(fruits[0].title)
///apple　と出力

const disposal = fruits.map((index) => {
return {
  id: [index],
  title: fruits[index].title,
  items: fruits[index].itemes,
  condition: "Bad",
  };
});

console.log(disposal)
///出力失敗

補足情報

react初心者です。１、２ヶ月前からreactを触っていますが、純粋なJavaScriptは未経験です。すみません。

Comments

[kgoa]

作業と並行して質問してしまい、試行したことを記述していませんでした。今後気を付けます。申し訳ありませんでした。

Answer 1

const disposal = fruits.map(e => ({ ...e, condition: "Bad" }))

でいけまっせ〜。

Comments

[kgoa]

ありがとうございます！上手くいきました！
こんなに短くかけるのですね！助かりました！

Answer 2

const disposal = fruits.map( obj =>{
	const res = { ...obj };
  res.condition = "Bad";
  return res;
} );

【[JavaScript] オブジェクト & 配列のイマドキなコピー方法 (スプレッド構文) – 自主的20%るぅる】
https://www.agent-grow.com/self20percent/2019/09/16/javascript-object-and-array-copy-es6/

【Object.assign() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

【Javascript オブジェクトの浅い/深いコピー - Qiita】
https://qiita.com/yonedaco/items/cfb5fc4ef7e46e886cb1

Comments

[kgoa]

ありがとうございます！上手くいきました！
参考のリンクもありがとうございます。参考にさせていただきます。