Array.prototype.map()で複数の配列を扱いたい

Question

昨日こちらでfor文以外の解決策としまして、Array.prototype.map()を聞きまして、下記のコードで解決したのですが、もう一つ解決したいことがあります。

var messages = ['text1', 'text2']; 

var msgObjList = messages.map(function (txt) {
  return {
    'type': 'text',
    'text': txt
  };
});
・・・

ここまでは問題ないのですが、下記のように複数の配列を操作することは可能でしょうか？
具体的には下記のように、txtにはmessages、txt2にはmessages2としたいです。

var messages = ['text1', 'text2']; 
var messages2 = ['text1', 'text2']; 

var msgObjList = messages.map(function (txt) {
  return {
    'type': 'text',
    'text': txt　・・・messages
    'text': txt2　・・・messages2
  };
});

Answer 1

複数の配列を操作することは可能でしょうか？

例えば、messages, messages2 の配列長が同じなら、以下のように対応できます。

let msg = [/* omitted */];
let msg2 = [/* omitted */];

let ary = msg.map((itemOfMsg, idx)=>{
  return {
    msg1: msg[idx]
  , msg2: msg2[idx]
  }
})

• MDN Array.map()

map() に与える関数の第二引数（配列インデックス）を活用する手法です（構文を再確認してください）。

---

なお、ご質問のコードは map() 内の関数でエラーになります。
オブジェクトに同名のプロパティ(text)を持ったオブジェクトリテラルを記述している為です。

return {
    'type': 'text',
    'text': txt　・・・messages
    'text': txt2　・・・messages2
  };

Comments

[itaka]

ありがとうございます。
参考になりました！