El primer tipo: Agregar cadena por cadena
La copia del código es la siguiente:
var arr = ['Elemento 1', 'Artículo 2', 'Elemento 3', ...];
list = '';
para (var i = 0,
l = arr.length; i <l; i ++) {
list + = '' + arr [i] + '';
}
list = '' + list + '';
¡Este es el más común, pero el menos eficiente! La lógica del código es relativamente compleja.
El segundo tipo: empuje en la matriz uno por uno
La copia del código es la siguiente:
var arr = ['elemento 1', 'elemento 2', 'elemento 3', ...],
list = [];
para (var i = 0,
l = arr.length; i <l; i ++) {
list [list.length] = '' + arr [i] + '';
}
list = '' + list.Join ('') + '';
Es un poco más rápido que el método anterior, pero todavía no es lo suficientemente bueno ...
El tercer tipo: directo unión ()
La copia del código es la siguiente:
var arr = ['Elemento 1', 'Artículo 2', 'Elemento 3', ...];
var list = '' + arr.Join ('' ') +' ';
Use métodos nativos (como Join ()), sin importar cómo se implementa más adelante, generalmente es mucho más rápido que otros métodos, y el código es muy conciso.
Prueba de rendimiento del navegador
Cada método es usar una matriz de longitud 130 para probar, donde cada elemento tiene una variedad de longitudes para evitar que el navegador haga optimizaciones especiales para cadenas de cierta longitud; Cada método se probó 1,000 veces; Los siguientes resultados muestran que se necesita para ejecutar estas 1,000 veces: