如何同时展示多个JavaScript数组 按索引对应输出关联内容

需求核心是将多个等长数组的同下标元素对齐拼接输出，无需复杂逻辑，两种可直接落地的实现方案如下：

全兼容基础版本（适配所有JS运行环境） #

采用原生for循环实现，无语法依赖，复制即可运行：

var number = ["1", "2", "3"];
var name = ["car", "airplane", "train"];
var animal  = ["dog", "cat", "hamster"];

// 以数组长度为遍历边界，逐索引取数拼接
for (var i = 0; i < number.length; i++) {
  var outputLine = number[i] + " " + name[i] + " " + animal[i];
  console.log(outputLine);
  // 若需将内容展示在网页端，直接将outputLine追加到对应DOM节点即可
}

简洁语法版本（适配ES5及以上环境） #

采用数组原生map方法遍历，代码更精简易读：

var number = ["1", "2", "3"];
var name = ["car", "airplane", "train"];
var animal  = ["dog", "cat", "hamster"];

number.map(function(item, index) {
  var outputLine = item + " " + name[index] + " " + animal[index];
  console.log(outputLine);
})

上述两种代码运行后，控制台输出与预期效果完全一致：

1 car dog
2 airplane cat
3 train hamster

注意：如果后续涉及的多个数组长度不统一，需要先取所有数组的最小长度作为遍历边界，避免短数组读取不存在的下标时，输出undefined的异常问题。

内容的提问来源于stack exchange，提问作者user4821