O primeiro tipo: Adicionar string por string
A cópia do código é a seguinte:
var arr = ['Item 1', 'Item 2', 'Item 3', ...];
list = '';
para (var i = 0,
l = arr.length; i <l; i ++) {
lista + = '' + arr [i] + '';
}
list = '' + list + '';
Este é o mais comum, mas o menos eficiente! A lógica do código é relativamente complexa.
O segundo tipo: empurre para a matriz um por um
A cópia do código é a seguinte:
var arr = ['Item 1', 'Item 2', 'Item 3', ...],
lista = [];
para (var i = 0,
l = arr.length; i <l; i ++) {
list [list.length] = '' + arr [i] + '';
}
list = '' + list.join ('') + '';
É um pouco mais rápido que o método anterior, mas ainda não é bom o suficiente ...
O terceiro tipo: junção direta ()
A cópia do código é a seguinte:
var arr = ['Item 1', 'Item 2', 'Item 3', ...];
var lista = '' + arr.join ('') + '';
Use métodos nativos (como junção ()), não importa como ele seja implementado posteriormente, geralmente é muito mais rápido que outros métodos, e o código é muito conciso.
Teste de desempenho do navegador
Cada método é usar uma matriz de comprimento 130 para testar, onde cada elemento tem uma variedade de comprimentos para impedir que o navegador faça otimizações especiais para as cordas de um certo comprimento; Cada método foi testado 1.000 vezes; Os resultados a seguir mostram que é necessário para executar essas 1.000 vezes: