Вони незмінні. Ви не можете змінити символ у рядку з чимось подібним var myString = "abbdef"; myString[2] = 'c'. Методи роботи з рядками , такі як trim, sliceповертають нові рядки.
Таким же чином, якщо у вас є дві посилання на один і той же рядок, зміна одного не впливає на інше
let a = b = "hello";
a = a + " world";
// b is not affected
Однак я завжди чув те, що згадував Еш у своїй відповіді (що використання Array.join швидше для конкатенації), тому я хотів перевірити різні способи об'єднання рядків і абстрагування найшвидшого шляху в StringBuilder. Я написав кілька тестів, щоб побачити, чи це правда (це не так!).
Це те, що я вважав, що це найшвидший спосіб, хоча я думав, що додавання виклику методу може зробити його повільніше ...
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('');
}
Ось тести на швидкість роботи. Усі троє створюють гігантську струну, що складається зі з’єднання "Hello diggity dog"сто тисяч разів у порожню струну.
Я створив три типи тестів
- Використання
Array.pushтаArray.join
- Використання індексації масиву для уникнення
Array.push, а потім використанняArray.join
- Пряме з'єднання рядків
Тоді я створив ті самі три тести, абстрагувавши їх StringBuilderConcat, StringBuilderArrayPushі StringBuilderArrayIndex http://jsperf.com/string-concat-without-sringbuilder/5 Будь ласка, зайдіть туди і запустіть тести, щоб ми могли отримати хороший зразок. Зауважте, що я виправив невелику помилку, тому дані для тестів будуть видалені, я оновлю таблицю, коли буде достатньо даних про продуктивність. Перейдіть на сторінку http://jsperf.com/string-concat-without-sringbuilder/5 для старої таблиці даних.
Ось кілька номерів (останнє оновлення в Ma5rch 2018), якщо ви не хочете перейти за посиланням. Кількість на кожному тесті становить 1000 операцій / секунду (чим вище, тим краще )
| 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 |
Знахідки
В наші дні всі вічнозелені браузери добре обробляють об'єднання рядків. Array.joinдопомагає лише IE 11
Загалом, Opera найшвидша, у 4 рази швидша за Array.join
Firefox займає друге місце і Array.joinлише трохи повільніше у FF, але значно повільніше (в 3 рази) у Chrome.
Хром третій, але строковий конмат у 3 рази швидший, ніж Array.join
Створення StringBuilder, здається, не надто впливає на продуктивність.
Сподіваюся, що хтось інший вважає це корисним
Різний тестовий випадок
Оскільки @RoyTinker подумав, що мій тест був помилковим, я створив новий випадок, який не створює великої рядки, об'єднуючи ту саму рядок, він використовує різний символ для кожної ітерації. З'єднання струн все ще здавалося швидшим або таким же швидким. Давайте проведемо ці тести.
Я пропоную всім думати про інші способи перевірити це, і сміливо додайте нові посилання на різні тестові справи нижче.
http://jsperf.com/string-concat-without-sringbuilder/7