合并两个数组以使值交替

Question

我正在寻找一个jQuery方法来合并两个数组,以便它们的值交替:

var array1 = [1,2,3,4,5];
var array2 = ['a', 'b', 'c', 'd', 'e'];

我想要的结果是:

var arrayCombined = [1, 'a', 2, 'b', 3, 'c', 4, 'd', 5, 'e'];

请注意,我知道在JS中执行此操作是微不足道的,但是我遵循jQuery方法来执行此操作.

Answer 1

您可以使用以下map方法:

var array1 = [1, 2, 3, 4, 5];
var array2 = ['a', 'b', 'c', 'd', 'e'];

var arrayCombined = $.map(array1, function(v, i) {
  return [v, array2[i]];
});

console.log(arrayCombined);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

演示:http://jsfiddle.net/Guffa/hmUy6/

Answer 2

如果必须使用jQuery,则可以利用其破坏的$.map实现.

var result = $.map(array1, function(v, i) {
                                return [v, array2[i]];
                           });

jQuery $.map使返回的数组变平,为您提供所需的结果.

演示: http : //jsfiddle.net/8rn2w/

纯JS解决方案:

var result = array1.reduce(function(arr, v, i) {
                              return arr.concat(v, array2[i]); 
                           }, []);

演示: http : //jsfiddle.net/8rn2w/1/

Answer 3

使用Array.prototype.flat()和Array.prototype.map() 的另一种解决方案。

var array1 = [1, 2, 3, 4, 5];
var array2 = ['a', 'b', 'c', 'd', 'e'];

var result = array1.map(
  (element, index) => [element, array2[index]]
).flat();

console.log(result);

Answer 4

对于那些通过搜索引擎到达这里并想要 Lodash 选项的人：

_.compact(_.flatten(_.zip(array1, array2)))