Le premier type: ajouter une chaîne par chaîne
La copie de code est la suivante:
var arr = ['item 1', 'item 2', 'item 3', ...];
list = '';
pour (var i = 0,
l = arr.Length; i <l; i ++) {
list + = '' + arr [i] + '';
}
list = '' + list + '';
C'est le plus courant, mais le moins efficace! La logique de code est relativement complexe.
Le deuxième type: poussez dans le tableau un par un
La copie de code est la suivante:
var arr = ['item 1', 'item 2', 'item 3', ...],
list = [];
pour (var i = 0,
l = arr.Length; i <l; i ++) {
list [list.length] = '' + arr [i] + '';
}
list = '' + list.join ('') + '';
C'est un peu plus rapide que la méthode précédente, mais ce n'est toujours pas assez bon ...
Le troisième type: direct de join ()
La copie de code est la suivante:
var arr = ['item 1', 'item 2', 'item 3', ...];
var list = '' + arr.join ('') + '';
Utilisez des méthodes natives (telles que join ()), peu importe comment elle est implémentée plus tard, elle est généralement beaucoup plus rapide que les autres méthodes, et le code est très concis.
Tests de performances du navigateur
Chaque méthode consiste à utiliser un tableau de longueur 130 pour tester, où chaque élément a une variété de longueurs pour empêcher le navigateur de faire des optimisations spéciales pour les chaînes d'une certaine longueur; Chaque méthode a été testée 1 000 fois; Les résultats suivants montrent qu'il faut pour exécuter ces 1 000 fois: