将两个数组合并为两列格式适配Google Sheets及for与map性能对比

一、预期合并格式正确性判断 #

你给出的预期格式merged_array = [ {"a",1} , {"b",2} , {"c",3}]是不正确的，原因有两点：

• 语法层面：JavaScript中不存在{"a",1}这种写法，普通对象要求是键:值的结构，该写法不符合语法规范
• 适配Google Sheets层面：Google Sheets的批量写入接口要求传入的是二维数组，每一个子数组对应一行数据，你要写入两列的话，正确的合并结果应该是[["a", 1], ["b", 2], ["c", 3]]

二、实现方案说明 #

现有代码修正 #

你写的for循环代码存在边界错误：循环条件a <= array1.length会导致遍历到数组的下标溢出位置，最终会多插入一条[undefined, undefined]的无效数据，修正后的代码如下：

var output = [];
// 把<=改成<，匹配数组下标从0到length-1的规则
for(var a = 0; a < array1.length; a++) {
  output.push([array1[a], array2[a]]);
}

map函数实现方案 #

如果想用map实现，写法更简洁，示例如下：

const mergedArray = array1.map((item, index) => [item, array2[index]]);

注意：以上两种方案都要保证array1和array2的长度完全一致，否则会出现短数组对应位置值为undefined的情况

三、for循环和map实现的性能差异 #

• 性能表现上：普通for循环的性能优于map函数。原因是map函数本质是数组的迭代方法，会产生额外的函数调用开销，同时内部会自动创建新数组返回，逻辑比手写for循环更重。当数组长度在十万级以上时，性能差异会比较明显。
• 实际使用场景建议：如果是Google Sheets常规操作，处理的数据量一般不会超过万级，两种写法的性能差异完全感知不到，你可以根据自己的编码习惯选择即可。map的写法更简洁易读，代码量更少，适合常规场景使用。

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