forEachを使用して計算を行う

Question

forEachを利用して、下記の二つの配列のindex番号が同じ数字を足し合わせた
下記のoutputのitemsのような新しい配列を作りたいと思っています。

const item1 = [
  '100',
  '200',
  '300',
  '400',
  '500',
]
const item2 = [
  '10',
  '20',
  '30',
  '40',
  '50',
]

const items = [
   '110',
   '220',
   '330',
   '440',
   '550',
]

そこで、JavaScriptを使用して下記のようなコードを作成しました。

const item1 = [
  '100',
  '200',
  '300',
  '400',
  '500',
]
const item2 = [
  '10',
  '20',
  '30',
  '40',
  '50',
]
const items = []
item1.forEach((item1)=>{
  item2.forEach((item2)=>{
    let total = parseFloat(item1) + parseFloat(item2) 
    items.push(total)
    console.log(total)
  })
})

110
120
130
140
150
210
220
230
240
250
310
320
330
340
350
410
420
430
440
450
510
520
530
540
550

実行結果が上記の通りとなってしまいました。
どうすれば、outputの結果を得ることができるのか
どなたかご教示いただけませんでしょうか？

Comments

[Zuishin]

これは JavaScript ではなく TypeScript ではないですか？

[takochan1192]

ご指摘ありがとうございます。
すみません。間違っておりました。
修正致します。

Answer 1

2重にループさせる必要はなく、同じインデックスの要素同士を足し合わせて配列にすればいいのではないでしょうか？

const item1 = [
  '100',
  '200',
  '300',
  '400',
  '500',
]
const item2 = [
  '10',
  '20',
  '30',
  '40',
  '50',
]

const item = item1.map((v,i) => parseFloat(item2[i]) + parseFloat(v) );

Comments

[takochan1192]

ありがとうございます。forEachを使用する必要はなかったのですね。
map をこのように使用するとは、思いつきませんでした。
勉強になりました。
ありがとうございました。