Javascript循环并连接2个数组

Question

我正在尝试循环并连接 2 个数组，如下所示，我不知道会有多少个值，因为用户可以购买 1 或 100 种产品，所以它需要循环。

Array1 = ['ABC', 'DEF', 'GHI']

Array2 = ['123', '45', '6789',]

我需要输出为:

ABC:123|DEF:45|GHI:6789

目前我的代码...

function() {
  var array_one = ['ABC', 'DEF', 'GHI', 'JKL'];
  var array_two = ['179.99', '349.99', '399.99', '389'];
  for (var i = 0; i < array_one.length; i++) {
    for (var j = 0; j < array_two.length; j++) {
      return(array_one[i] + ":" + array_two[j] + "|");
    }
  }
}

这只会输出一个值并且不会循环遍历我的循环中断的任何想法。

Answer 1

如果您知道两个数组的长度相同，那么简单的映射就足够了:

var array1 = ['ABC', 'DEF', 'GHI']
var array2 = ['123', '45', '6789']

var result = array1.map(function(item, index) {
  return item + ':' + array2[index]
}).join('|')

console.log(result)

或者 ES2015 版本:

var result = array1.map((item, index) => `${item}:${array2[index]}`).join('|')