Họ là bất biến. Bạn không thể thay đổi một ký tự trong một chuỗi bằng một cái gì đó như var myString = "abbdef"; myString[2] = 'c'. Các phương thức thao tác chuỗi như trim, slicetrả về chuỗi mới.
Theo cùng một cách, nếu bạn có hai tham chiếu đến cùng một chuỗi, việc sửa đổi một tham chiếu sẽ không ảnh hưởng đến chuỗi khác
let a = b = "hello";
a = a + " world";
// b is not affected
Tuy nhiên, tôi đã luôn nghe những gì Ash đề cập trong câu trả lời của anh ấy (rằng sử dụng Array.join nhanh hơn để nối), vì vậy tôi muốn thử nghiệm các phương pháp nối chuỗi khác nhau và trừu tượng hóa cách nhanh nhất vào StringBuilder. Tôi đã viết một số thử nghiệm để xem điều này có đúng không (không phải vậy!).
Đây là những gì tôi tin sẽ là cách nhanh nhất, mặc dù tôi cứ nghĩ rằng việc thêm một cuộc gọi phương thức có thể làm cho nó chậm hơn ...
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('');
}
Dưới đây là các bài kiểm tra tốc độ hiệu suất. Tất cả ba người trong số họ tạo ra một chuỗi khổng lồ được tạo thành từ việc nối "Hello diggity dog"một trăm ngàn lần thành một chuỗi trống.
Tôi đã tạo ra ba loại thử nghiệm
- Sử dụng
Array.push vàArray.join
- Sử dụng lập chỉ mục mảng để tránh
Array.push , sau đó sử dụngArray.join
- Nối chuỗi thẳng
Sau đó, tôi đã tạo ra cùng ba bài kiểm tra bằng cách trừu tượng chúng vào StringBuilderConcat, StringBuilderArrayPushvà StringBuilderArrayIndex http://jsperf.com/string-concat-without-sringbuilder/5 Hãy đến đó và chạy thử nghiệm vì vậy chúng tôi có thể nhận được một mẫu tốt đẹp. Lưu ý rằng tôi đã sửa một lỗi nhỏ, vì vậy dữ liệu cho các bài kiểm tra đã bị xóa, tôi sẽ cập nhật bảng sau khi có đủ dữ liệu hiệu suất. Đi đến http://jsperf.com/string-concat-without-sringbuilder/5 cho bảng dữ liệu cũ.
Dưới đây là một số con số (Cập nhật mới nhất trong Ma5rch 2018), nếu bạn không muốn theo liên kết. Con số trên mỗi bài kiểm tra là trong 1000 thao tác / giây ( cao hơn là tốt hơn )
| 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 |
Kết quả
Ngày nay, tất cả các trình duyệt thường xanh xử lý nối chuỗi tốt. Array.joinchỉ giúp IE 11
Nhìn chung, Opera nhanh nhất, nhanh gấp 4 lần Array.join
Firefox đứng thứ hai và Array.joinchỉ chậm hơn một chút trong FF nhưng chậm hơn đáng kể (3x) trong Chrome.
Chrome đứng thứ ba nhưng chuỗi concat nhanh hơn 3 lần so với Array.join
Tạo một StringBuilder dường như không ảnh hưởng quá nhiều đến độ hoàn hảo.
Hy vọng ai đó thấy điều này hữu ích
Trường hợp kiểm tra khác nhau
Vì @RoyTinker nghĩ rằng thử nghiệm của tôi không hoàn hảo, tôi đã tạo ra một trường hợp mới không tạo ra một chuỗi lớn bằng cách nối cùng một chuỗi, nó sử dụng một ký tự khác nhau cho mỗi lần lặp. Nối chuỗi vẫn có vẻ nhanh hơn hoặc nhanh như vậy. Hãy chạy thử nghiệm.
Tôi đề nghị mọi người nên tiếp tục nghĩ đến những cách khác để kiểm tra điều này và thoải mái thêm các liên kết mới vào các trường hợp thử nghiệm khác nhau bên dưới.
http://jsperf.com/opes-concat-without-sringbuilder/7