النوع الأول: أضف سلسلة حسب السلسلة
نسخة الكود كما يلي:
var arr = ['item 1' ، 'item 2' ، 'item 3' ، ...] ؛
قائمة = '' ؛
لـ (var i = 0 ،
l = arr.length ؛ أنا <l ؛ i ++) {
list + = '' + arr [i] + '' ؛
}
list = '' + list + '' ؛
هذا هو الأكثر شيوعا ، ولكن الأقل كفاءة! منطق الكود معقد نسبيا.
النوع الثاني: ادفع إلى الصفيف واحدًا تلو الآخر
نسخة الكود كما يلي:
var arr = ['item 1' ، 'item 2' ، 'item 3' ، ...]
قائمة = [] ؛
لـ (var i = 0 ،
l = arr.length ؛ أنا <l ؛ i ++) {
قائمة [list.length] = '' + arr [i] + '' ؛
}
list = '' + list.join ('') + '' ؛
إنها أسرع قليلاً من الطريقة السابقة ، لكنها لا تزال غير جيدة بما يكفي ...
النوع الثالث: الانضمام المباشر ()
نسخة الكود كما يلي:
var arr = ['item 1' ، 'item 2' ، 'item 3' ، ...] ؛
var list = '' + arr.join ('') + '' ؛
استخدم الأساليب الأصلية (مثل Join ()) ، بغض النظر عن كيفية تنفيذها لاحقًا ، فهي أسرع عمومًا من الطرق الأخرى ، والرمز موجز للغاية.
اختبار أداء المتصفح
تتمثل كل طريقة في استخدام مجموعة من الطول 130 للاختبار ، حيث يحتوي كل عنصر على مجموعة متنوعة من الأطوال لمنع المتصفح من إجراء تحسينات خاصة لسلاسل بطول معين ؛ تم اختبار كل طريقة 1000 مرة ؛ تظهر النتائج التالية أن الأمر يتطلب تنفيذ هذه الألف مرة: