Son inmutables. No puede cambiar un carácter dentro de una cadena con algo como var myString = "abbdef"; myString[2] = 'c'. Los métodos de manipulación de cadenas, como trim, slicedevuelven nuevas cadenas.
Del mismo modo, si tiene dos referencias a la misma cadena, modificar una no afecta a la otra.
let a = b = "hello";
a = a + " world";
// b is not affected
Sin embargo, siempre escuché lo que Ash mencionó en su respuesta (que usar Array.join es más rápido para la concatenación), así que quería probar los diferentes métodos para concatenar cadenas y abstraer la forma más rápida en un StringBuilder. Escribí algunas pruebas para ver si esto es cierto (¡no lo es!).
Esto era lo que creía que sería la forma más rápida, aunque seguía pensando que agregar una llamada al método podría hacerlo más lento ...
function StringBuilder() {
this._array = [];
this._index = 0;
}
StringBuilder.prototype.append = function (str) {
this._array[this._index] = str;
this._index++;
}
StringBuilder.prototype.toString = function () {
return this._array.join('');
}
Aquí hay pruebas de velocidad de rendimiento. Los tres crean una cadena gigantesca compuesta de concatenación "Hello diggity dog"cien mil veces en una cadena vacía.
He creado tres tipos de pruebas
- Usando
Array.pushyArray.join
- Usar la indexación de matriz para evitar
Array.push, luego usarArray.join
- Concatenación de cuerdas rectas
Entonces creé los mismos tres pruebas mediante la abstracción de ellas en StringBuilderConcat, StringBuilderArrayPushy StringBuilderArrayIndex http://jsperf.com/string-concat-without-sringbuilder/5 Por favor, ir allí y ejecutar pruebas para que podamos obtener una muestra agradable. Tenga en cuenta que solucioné un pequeño error, por lo que los datos de las pruebas se borraron, actualizaré la tabla una vez que haya suficientes datos de rendimiento. Vaya a http://jsperf.com/string-concat-without-sringbuilder/5 para ver la tabla de datos anterior.
Aquí hay algunos números (última actualización en Ma5rch 2018), si no desea seguir el enlace. El número en cada prueba está en 1000 operaciones / segundo ( más alto es mejor )
| Browser | Index | Push | Concat | SBIndex | SBPush | SBConcat |
---------------------------------------------------------------------------
| Chrome 71.0.3578 | 988 | 1006 | 2902 | 963 | 1008 | 2902 |
| Firefox 65 | 1979 | 1902 | 2197 | 1917 | 1873 | 1953 |
| Edge | 593 | 373 | 952 | 361 | 415 | 444 |
| Exploder 11 | 655 | 532 | 761 | 537 | 567 | 387 |
| Opera 58.0.3135 | 1135 | 1200 | 4357 | 1137 | 1188 | 4294 |
Recomendaciones
Hoy en día, todos los navegadores de hoja perenne manejan bien la concatenación de cadenas. Array.joinsolo ayuda a IE 11
En general, Opera es más rápido, 4 veces más rápido que Array.
Firefox es el segundo y Array.joines solo un poco más lento en FF pero considerablemente más lento (3x) en Chrome.
Chrome es tercero, pero el concat de cadena es 3 veces más rápido que Array.join
Crear un StringBuilder parece no afectar demasiado el rendimiento.
Espero que alguien más encuentre esto útil
Caso de prueba diferente
Como @RoyTinker pensó que mi prueba era defectuosa, creé un nuevo caso que no crea una cadena grande al concatenar la misma cadena, utiliza un carácter diferente para cada iteración. La concatenación de cuerdas todavía parecía más rápida o igual de rápida. Hagamos que esas pruebas se ejecuten.
Sugiero que todos sigan pensando en otras formas de probar esto, y siéntanse libres de agregar nuevos enlaces a los diferentes casos de prueba a continuación.
http://jsperf.com/string-concat-without-sringbuilder/7