รวม String 2 ตัวขึ้นไป ใน JavaScript

เรียนรู้รวม string 2+ ตัวด้วย JavaScript

วิธีหลายอย่าง: plus operator +, plus equals +=, และ concat()

Note: + และ += เรียกว่า assignment operators

Plus Operator (+)

const firstName = "Steve";
const lastName = "Jobs";
const fullName = firstName + lastName;
console.log(fullName); // SteveJobs

เพิ่ม Space

const fullName = firstName + " " + lastName;
console.log(fullName); // Steve Jobs

Note: เพิ่ม space ใน "Steve " หรือ " Jobs" ก็ได้ แต่อาจปัญหา formatting ถ้า reuse variables แนะนำ separator แบบ explicit

Plus Equals Operator (+=)

ไม่อยากสร้าง variable ใหม่ (fullName) ให้ assign lastName ให้ firstName ด้วย +=:

console.log((firstName += lastName)); // SteveJobs

ต้องการ separator อีกครั้ง ลอง firstName += " " += lastName → Error: Invalid left-hand side in assignment

ต้องแยกบรรทัด: assign space ก่อน แล้ว assign lastName:

let firstName = "Steve";
let lastName = "Jobs";
firstName += " ";
firstName += lastName;
// Result: Steve Jobs

Concat() Method

let firstName = "Steve";
let lastName = "Jobs";
const fullName = firstName.concat(lastName);
console.log(fullName); // SteveJobs

เพิ่ม separator กับ concat() ง่าย: firstName.concat(" ", lastName)

const fullName = firstName.concat(" ", lastName);
console.log(fullName); // Steve Jobs

ควรใช้วิธีไหน?

Performance: Mozilla และแหล่ง JS uy ไป + หรือ += ตอนเป็นไปได้

JSPerf test แสดง concat() ช้ากว่า + และ += มาก (string objects vs primitives)