Первый тип: добавить строку по строке
Кода -копия выглядит следующим образом:
var arr = ['item 1', 'item 2', 'item 3', ...];
list = '';
для (var i = 0,
l = arr.length; я <l; i ++) {
список + = '' + arr [i] + '';
}
list = '' + list + '';
Это самый распространенный, но наименее эффективный! Логика кода относительно сложна.
Второй тип: протолкнуть в массив один за другим
Кода -копия выглядит следующим образом:
var arr = ['item 1', 'item 2', 'item 3', ...],
list = [];
для (var i = 0,
l = arr.length; я <l; i ++) {
list [list.length] = '' + arr [i] + '';
}
list = '' + list.join ('') + '';
Это немного быстрее, чем предыдущий метод, но он все еще недостаточно ...
Третий тип: прямой join ()
Кода -копия выглядит следующим образом:
var arr = ['item 1', 'item 2', 'item 3', ...];
var list = '' + arr.join ('') + '';
Используйте собственные методы (например, join ()), независимо от того, как они реализованы позже, это, как правило, намного быстрее, чем другие методы, а код очень краткий.
Тестирование производительности браузера
Каждый метод состоит в том, чтобы использовать массив длины 130 для тестирования, где каждый элемент имеет множество длины, чтобы не допустить, чтобы браузер не создавал специальную оптимизацию для строк определенной длины; Каждый метод проверялся 1000 раз; Следующие результаты показывают, что требуется для выполнения этих 1000 раз: