JavaScriptで複数の配列の同じインデックスの値を結合する

Question

前提・実現したいこと

以下のように、同じ長さの配列で同じインデックスの値を組み合わせた新たな配列を取得しようとしています。
「私ならこう書く」というのがあれば教えていただきたいです。

該当のソースコード

var arr1 = ['Yamada', 'Suzuki', 'Kato'];
var arr2 = ['Taro', 'Ichiro', 'Ken'];
var arr3 = [];
if (arr1.length === arr2.length) {
  //forを使う
  for (var i = 0; i < arr1.length; i++) {
    arr3.push(arr1[i] + ' ' + arr2[i]);
  }
  console.log(arr3); //['Yamada Taro','Suzuki Ichiro','Kato Ken']
  //mapを使う
  arr3 = arr1.map((value, index) => value + ' ' + arr2[index]);
  console.log(arr3); //['Yamada Taro','Suzuki Ichiro','Kato Ken']
}

Answer 1

var arr1 = ['Yamada', 'Suzuki', 'Kato'];
var arr2 = ['Taro', 'Ichiro', 'Ken'];
// var arr3 = arr1.map((x,y)=>x+" "+arr2[y]);
var arr3 = arr1.reduce((x,y,z)=>(x.push(`${y} ${arr2[z]}`),x),[]);
console.log(arr3);

Comments

[root_jp]

すでに質問者さんも全く同じやり方をされてますので、これは回答にはならないのでは？

[yambejp]

失礼しました。よくみたら同じですね・・・はずい
ちなみに私ならこうは書きませんが、別回答つけておきました

[serys33]

mapで問題ないのですね。ありがとうございました。