JavaScript 中字符串和数组的内存分配

Question

第一个函数：

1. 将字符串和整数连接成一个字符串。
2. 将结果字符串插入数组。
3. 将所有数组的字符串合并为一个字符串。

第二个函数做同样的事情，但不是串联，而是在数组中插入 2 个字符串。

问题：你如何确定哪个函数会分配更少的内存？ 还有一个问题：我们将有多少个字符串用于第一个函数的内存（每次迭代）？例如，对于第一次迭代，我们将只有“a0”或“a0”、“a”和“0”？

function joinLetters() {
    var arr = [];

    for(var i = 0; i < 10000; i++) {
        arr.push('a' + i);
    }
    return arr.join('');
}

function joinLetters2() {
    var arr = [];

    for(var i = 0; i < 10000; i++) {
        arr.push('a');
        arr.push(i.toString());
    }
    return arr.join('');
}

Answer 1

内部循环中的joinLetters 进行一次推送，joinLetters2 则改为进行两次push。

所以您将在第一种情况下拥有arr.length = 10000，而在第二种情况下拥有arr.length = 20000。

当然，您可以预期第二个函数比第一个函数更昂贵。