วิธีที่ดีที่สุดและเร็วที่สุดในการต่อสตริงใน JavaScript คือใช้ตัวดำเนินการ + (plus operator) สามารถใช้ concat() method ได้อีกด้วย
ตัวอย่าง
<html>
<head>
<title>JavaScript Concatenation</title>
</head>
<body>
<script>
var str1 = "Hello";
var str2 = "World";
var res = str1 + str2;
document.write(res); // "HelloWorld"
</script>
</body>
</html>
วิธีต่อสตริงต่างๆ
| วิธี | โค้ด | ประสิทธิภาพ | หมายเหตุ |
|---|---|---|---|
| + operator | a + b | ⭐⭐⭐ เร็วที่สุด | แนะนำสำหรับ 2-3 strings |
| Template Literals | `${a}${b}` | ⭐⭐⭐ เร็ว (ES6+) | อ่านง่าย รองรับ multiline |
| concat() | a.concat(b) | ⭐⭐ ปานกลาง | ไม่ mutates original |
| Array.join() | [a,b].join('') | ⭐⭐ ปานกลาง | เหมาะหลาย strings |
| += | a += b | ⭐⭐⭐ เร็ว | สะสมใน loop |
Performance Tip: Loop Concatenation
// ❌ ช้า: สร้าง string ใหม่ทุกครั้ง (immutable)
var str = "";
for (var i = 0; i < 10000; i++) {
str += "a";
}
// ✅ เร็ว: ใช้ array push แล้ว join
var parts = [];
for (var i = 0; i < 10000; i++) {
parts.push("a");
}
var str = parts.join("");
Template Literals (ES6) – แนะนำสำหรับความซับซ้อน
var name = "John";
var age = 30;
var str = `Hello ${name}, you are ${age} years old.`;
// "Hello John, you are 30 years old."
