JavaScript Strings
สตริง JavaScript ใช้สำหรับจัดเก็บและจัดการข้อความ
สตริง JavaScript เป็นศูนย์หรือมากกว่าอักขระที่เขียนในเครื่องหมายคำพูด
ตัวอย่าง
let text = "John Doe";
คุณสามารถใช้เครื่องหมายคำพูดเดี่ยวหรือคู่:
ตัวอย่าง
let carName1 = "Volvo XC60";
// Double quotes
let carName2 = 'Volvo XC60'; // Single quotes
คุณสามารถใช้เครื่องหมายคำพูดภายในสตริงได้ ตราบใดที่ไม่ตรงกับเครื่องหมายคำพูดที่อยู่รอบๆ สตริง:
ตัวอย่าง
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
ความยาวสตริง
หากต้องการค้นหาความยาวของสตริง ให้ใช้lengthคุณสมบัติในตัว:
ตัวอย่าง
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
ตัวละครหนี
เนื่องจากต้องเขียนสตริงในเครื่องหมายคำพูด JavaScript จะเข้าใจผิดสตริงนี้:
let text = "We are the so-called "Vikings" from the north.";
สตริงจะถูกสับเป็น "เราเป็นคนที่ถูกเรียกว่า"
วิธีแก้ไขเพื่อหลีกเลี่ยงปัญหานี้คือใช้อักขระหลีกแบ็ก สแล ช
อักขระหลีก แบ็กสแลช ( \) จะเปลี่ยนอักขระพิเศษเป็นอักขระสตริง:
| Code | Result | Description |
|---|---|---|
| \' | ' | Single quote |
| \" | " | Double quote |
| \\ | \ | Backslash |
ลำดับ\" แทรกอัญประกาศคู่ในสตริง:
ตัวอย่าง
let text = "We are the so-called \"Vikings\" from the north.";
ลำดับ\' แทรกเครื่องหมายคำพูดเดียวในสตริง:
ตัวอย่าง
let text= 'It\'s alright.';
ลำดับ\\ แทรกแบ็กสแลชในสตริง:
ตัวอย่าง
let text = "The character \\ is called backslash.";
Escape Sequence อื่น ๆ อีกหกรายการนั้นใช้ได้ใน JavaScript:
| Code | Result |
|---|---|
| \b | Backspace |
| \f | Form Feed |
| \n | New Line |
| \r | Carriage Return |
| \t | Horizontal Tabulator |
| \v | Vertical Tabulator |
อักขระหลีก 6 ตัวด้านบนนี้เดิมออกแบบมาเพื่อควบคุมเครื่องพิมพ์ดีด โทรพิมพ์ และเครื่องแฟกซ์ พวกเขาไม่สมเหตุสมผลใน HTML
ทำลายบรรทัดรหัสยาว
เพื่อให้อ่านง่ายที่สุด โปรแกรมเมอร์มักจะหลีกเลี่ยงบรรทัดโค้ดที่ยาวเกิน 80 อักขระ
หากคำสั่ง JavaScript ไม่พอดีกับหนึ่งบรรทัด ตำแหน่งที่ดีที่สุดที่จะแยกคำสั่งคือหลังจากโอเปอเรเตอร์:
ตัวอย่าง
document.getElementById("demo").innerHTML =
"Hello Dolly!";
คุณยังสามารถแยกบรรทัดโค้ดภายในสตริงข้อความด้วยแบ็กสแลชเดี่ยวได้:
ตัวอย่าง
document.getElementById("demo").innerHTML =
"Hello \
Dolly!";
วิธี การ\นี้ไม่ใช่วิธีที่ต้องการ อาจไม่ได้รับการสนับสนุนที่เป็นสากล
เบราว์เซอร์บางตัวไม่อนุญาตให้มีช่องว่างหลัง\อักขระ
วิธีที่ปลอดภัยกว่าในการแยกสตริงคือใช้การบวกสตริง:
ตัวอย่าง
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
คุณไม่สามารถแยกบรรทัดโค้ดด้วยแบ็กสแลช:
ตัวอย่าง
document.getElementById("demo").innerHTML = \
"Hello Dolly!";
JavaScript Strings เป็น Objects
โดยปกติ สตริง JavaScript เป็นค่าดั้งเดิม ซึ่งสร้างจากตัวอักษร:
let x = "John";
แต่สตริงยังสามารถกำหนดเป็นวัตถุด้วยคีย์เวิร์ดnew:
let y = new String("John");
ตัวอย่าง
let x = "John";
let y = new String("John");
อย่าสร้างวัตถุสตริง
คีย์เวิร์ด ทำให้newโค้ดซับซ้อนและทำให้ความเร็วในการดำเนินการช้าลง
วัตถุสตริงสามารถสร้างผลลัพธ์ที่ไม่คาดคิดได้:
เมื่อใช้ตัว==ดำเนินการ x และ y จะเท่ากัน :
let x = "John";
let y = new String("John");
เมื่อใช้ตัว===ดำเนินการ x และ y ไม่เท่ากัน :
let x = "John";
let y = new String("John");
สังเกตความแตกต่างระหว่าง(x==y)และ(x===y).
(x == y)จริงหรือเท็จ?
let x = new String("John");
let y = new String("John");
(x === y)จริงหรือเท็จ?
let x = new String("John");
let y = new String("John");
การเปรียบเทียบสองอ็อบเจ็กต์ JavaScript จะคืนค่าfalseเสมอ
อ้างอิงสตริงที่สมบูรณ์
สำหรับการอ้างอิงสตริงที่สมบูรณ์ ไปที่:
ทำการอ้างอิงสตริง JavaScriptให้สมบูรณ์
ข้อมูลอ้างอิงประกอบด้วยคำอธิบายและตัวอย่างของคุณสมบัติสตริงและวิธีการทั้งหมด