วิธีการใช้ตัวแปรของตัวอักษร JavaScript

วิธีแบบสามารถนำมาใช้งานตัวเลขเพื่อจัดการตัวเลข

วิธีและตัวแปรค่าของตัวเลข

ค่าเดิม เช่น "Bill Gates" ไม่สามารถมีตัวแปรค่ากลับค่าและวิธี (เพราะเขาไม่ใช่ตัวแปร)

แต่ผ่าน JavaScript ก็สามารถใช้วิธีและตัวแปรค่ากลับค่ากับค่าเดิมด้วย เพราะเมื่อเรียกใช้วิธีและตัวแปรค่ากลับค่า JavaScript จะใช้ค่าเดิมเป็นตัวแปร

ยาวของตัวเลข

length ตัวแปรค่ากลับค่ายาวของตัวเลข

ตัวอย่าง

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

ทดลองด้วยตัวเอง

ค้นหาตัวอักษรในตัวเลข

indexOf() วิธีการคืนค่าข้อความที่ระบุในตัวเลขครั้งแรกตำแหน่งที่ปรากฏ

ตัวอย่าง

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

ทดลองด้วยตัวเอง

JavaScript นับตำแหน่งจาก 0

0 คือตำแหน่งแรกของตัวเลข 1 คือตำแหน่งที่สอง 2 คือตำแหน่งที่สาม ...

lastIndexOf() วิธีการคืนค่าข้อความที่ระบุในตัวเลขสุดท้ายตำแหน่งที่ปรากฏเป็นครั้งแรก

ตัวอย่าง

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

ทดลองด้วยตัวเอง

ถ้าไม่พบข้อความ indexOf() และ lastIndexOf() ทั้งหมดคืนค่า -1

ตัวอย่าง

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("USA");

ทดลองด้วยตัวเอง

ทั้งสองวิธีการต่างก็รับตัวเลขที่สองเป็นตำแหน่งเริ่มต้นการค้นหา

ตัวอย่าง

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China", 18);

ทดลองด้วยตัวเอง

lastIndexOf() วิธีการค้นหาที่มุ่งหน้า (จากท้ายไปหน้าหนึ่ง) หมายความว่า: ถ้าตัวเลขที่สองคือ 50 ก็จะค้นหาจากตำแหน่ง 50 จนถึงจุดเริ่มต้นของตัวเลข

ตัวอย่าง

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China", 50);

ทดลองด้วยตัวเอง

ค้นหาตัวอักษรในตัวเลข

search() วิธีการค้นหาตัวอักษรในตัวเลขแบบสามารถนำมาใช้งาน และคืนค่าตำแหน่งที่พบ

ตัวอย่าง

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("locate");

ทดลองด้วยตัวเอง

คุณตระหนักไหมบ้าง?

วิธีทั้งสองindexOf() และ search()คือเหมือนกัน.

วิธีนี้ไม่เหมือนกัน

  • วิธี search() ไม่สามารถตั้งค่าตำแหน่งเริ่มต้นที่สอง
  • วิธี indexOf() ไม่สามารถตั้งค่าค่าค้นหาที่มีความสามารถแข็งแกร่ง (expression ประกาศ)

คุณจะเรียนรู้การแสดงที่เรียกว่าและเรียนรู้ค่าค้นหาที่มีความสามารถแข็งแกร่งขึ้น

ดึงส่วนของตัวแปร

มีวิธีสามที่ดึงส่วนของตัวแปร

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

วิธี slice()

slice() ดึงส่วนบางส่วนของตัวแปรและส่งคืนส่วนที่ถูกดึงในตัวแปรใหม่

วิธีนี้ตั้งค่าสองตัวแปร: ตำแหน่งเริ่มต้น (ตำแหน่งเริ่มต้น), ตำแหน่งสิ้นสุด (ตำแหน่งสิ้นสุด)

ตัวอย่างนี้ตัดส่วนของตัวแปรที่อยู่ที่ตำแหน่ง 7 ถึง 13

ตัวอย่าง

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);

ผลลัพธ์ของ res คือ:

Banana

ทดลองด้วยตัวเอง

ถ้าตัวแปรใดเป็นลบ จะนับจากทางท้ายของตัวแปร

ตัวอย่างนี้ตัดส่วนของตัวแปรที่อยู่ที่ตำแหน่ง -12 ถึง -6

ตัวอย่าง

var str = "Apple, Banana, Mango";
var res = str.slice(-13,-7);

ผลลัพธ์ของ res คือ:

Banana

ทดลองด้วยตัวเอง

ถ้าละเลยตัวแปรที่สอง วิธีนี้จะตัดส่วนที่เหลือของตัวแปร

ตัวอย่าง

var res = str.slice(7);

ทดลองด้วยตัวเอง

หรือนับจากทางท้าย:

ตัวอย่าง

var res = str.slice(-13);

ทดลองด้วยตัวเอง

คำเตือน:ตำแหน่งลบไม่เป็นที่เหมาะสมสำหรับ Internet Explorer 8 และตัวเวอร์ชั่นเก่ากว่า

วิธี substring()

substring() คล้ายกันกับ slice().

ความแตกต่างกันอยู่ substring() ไม่สามารถรับตัวแปรลบได้

ตัวอย่าง

var str = "Apple, Banana, Mango";
var res = str.substring(7,13);

ผลลัพธ์ของ res คือ:

Banana

ทดลองด้วยตัวเอง

ถ้าละเลยตัวแปรที่สอง ตัวแปร substring() จะตัดส่วนที่เหลือของตัวแปร substring() ตัดส่วนที่เหลือของตัวแปร

วิธี substr()

substr() คล้ายกันกับ slice().

ความแตกต่างกันอยู่ที่ตัวแปรที่สองกำหนดส่วนที่ถูกคัดค้านความยาว.

ตัวอย่าง

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);

ผลลัพธ์ของ res คือ:

Banana

ทดลองด้วยตัวเอง

ถ้าละเลยตัวแปรที่สอง ตัวแปร substr() จะตัดส่วนที่เหลือของตัวแปร

ตัวอย่าง

var str = "Apple, Banana, Mango";
var res = str.substr(7);

ทดลองด้วยตัวเอง

ผลลัพธ์ของ res คือ:

Banana, Mango

ถ้าตัวแปรแรกเป็นลบ จะคำนวณตำแหน่งจากทางท้ายของตัวแปร

ตัวอย่าง

var str = "Apple, Banana, Mango";
var res = str.substr(-5);

ทดลองด้วยตัวเอง

ผลลัพธ์ของ res คือ:

Mango

ตัวแปรที่สองไม่สามารถเป็นลบได้เนื่องจากมันกำหนดความยาว

แทนที่เนื้อหาของตัวแปร

replace() มีวิธีแทนที่ค่าในตัวแปรอื่นๆที่ระบุในตัวแปรของคำ

ตัวอย่าง

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3School");

ทดลองด้วยตัวเอง

replace() วิธีนี้ไม่ได้เปลี่ยนข้อความตัวอักษรที่ที่ถูกเรียกใช้ มันกลับมาเป็นข้อความตัวอักษรใหม่

โดยเริ่มต้นreplace() แทนที่คู่ตรวจพบแรกเท่านั้น:

ตัวอย่าง

str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3School");

ทดลองด้วยตัวเอง

โดยเริ่มต้นreplace() มีความสำคัญต่อการแปลงใหญ่หรือเล็ก ดังนั้นไม่ตรวจพบ MICROSOFT:

ตัวอย่าง

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3School");

ทดลองด้วยตัวเอง

ถ้าต้องการแทนที่ด้วยการตรวจพบที่ไม่ความสำคัญต่อการแปลงใหญ่หรือเล็ก ใช้ /iไม่ความสำคัญต่อการแปลงใหญ่หรือเล็ก (case insensitive):

ตัวอย่าง

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");

ทดลองด้วยตัวเอง

โปรดระวังว่า การแสดงตัวอักษรตามที่แสดงด้วยโมดูล

ถ้าต้องการแทนที่การตรวจพบทั้งหมด ใช้ g สัญญาณ (ใช้สำหรับการค้นหาทั้งหมด):

ตัวอย่าง

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3School");

ทดลองด้วยตัวเอง

คุณจะเรียนรู้เกี่ยวกับการแสดงตัวอักษรเริ่มต้นด้วย JavaScript ในบทที่เรียกว่าการแสดงที่เรียกว่าของเนื้อหา

การเปลี่ยนให้เป็นตัวใหญ่และตัวเล็ก

ผ่าน toUpperCase() เปลี่ยนข้อความตัวอักษรเป็นตัวใหญ่

ตัวอย่าง

var text1 = "Hello World!";       // ข้อความตัวอักษร
var text2 = text1.toUpperCase();  // text2 คือ text1 ที่ถูกเปลี่ยนเป็นตัวใหญ่

ทดลองด้วยตัวเอง

ผ่าน toLowerCase() เปลี่ยนข้อความตัวอักษรเป็นตัวเล็ก

ตัวอย่าง

var text1 = "Hello World!";       // ข้อความตัวอักษร
var text2 = text1.toLowerCase();  // text2 คือ text1 ที่ถูกเปลี่ยนเป็นตัวเล็ก

ทดลองด้วยตัวเอง

วิธี concat()

concat() เชื่อมต่อข้อความตัวอักษรสองหรือมากกว่า

ตัวอย่าง

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);

ทดลองด้วยตัวเอง

concat() วิธีนี้สามารถใช้แทนเครื่องหมายเพิ่มเช่นนี้:

ตัวอย่าง

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

ทุกวิธีของข้อความตัวอักษรจะกลับมาเป็นข้อความตัวอักษรใหม่ ไม่ได้แก้ไขข้อความตัวอักษรเดิม

อย่างเป็นทางการ: ข้อความตัวอักษรไม่สามารถเปลี่ยนแปลงได้: ข้อความตัวอักษรไม่สามารถเปลี่ยนแปลง แต่เพียงแค่แทนที่เท่านั้น

String.trim()

trim() method ที่ลบช่องว่างที่อยู่ที่ท้ายและต้นของ string:

ตัวอย่าง

var str = "       Hello World!        ";
alert(str.trim());

คำเตือน：Internet Explorer 8 หรือตัวเดิมไม่สนับสนุน trim() method.

ทดลองด้วยตัวเอง

เพื่อสนับสนุน IE 8 คุณสามารถใช้ regex พร้อมกับ method: replace() วิธีที่แทนที่:

ตัวอย่าง

var str = "       Hello World!        ";
alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));

ทดลองด้วยตัวเอง

คุณยังสามารถใช้โค้ด replace ด้านบนเพื่อเพิ่มฟังก์ชัน trim ให้กับ String.prototype JavaScript:

ตัวอย่าง

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
var str = "       Hello World!        ";
alert(str.trim());

ทดลองด้วยตัวเอง

ดึงอักษรจาก string

นี่คือสองวิธีที่ใช้เพื่อดึงอักษรจาก string:การปลอดภัยวิธี:

  • charAt(position)
  • charCodeAt(position)

charAt()

charAt() วิธีที่ผู้ใช้งานควรกลับค่า string ที่ตัวแปรที่หน้าใดหน้าหลังใน string:

ตัวอย่าง

var str = "HELLO WORLD";
str.charAt(0);            // คืนค่า H

ทดลองด้วยตัวเอง

วิธี charCodeAt()

charCodeAt() วิธีที่ผู้ใช้งานควรกลับค่า unicode encoding ของอักษรที่หน้าใดหน้าหลังใน string:

ตัวอย่าง

var str = "HELLO WORLD";
str.charCodeAt(0);         // คืนค่า 72

ทดลองด้วยตัวเอง

Property Access

ECMAScript 5 (2009) อนุญาตให้ใช้ property access สำหรับ string [ ]:

ตัวอย่าง

var str = "HELLO WORLD";
str[0];                   // คืนค่า H

ทดลองด้วยตัวเอง

การใช้ property access นั้นไม่น่าเชื่อถือมาก:

  • ไม่เป็นไปได้สำหรับ Internet Explorer 7 หรือตัวเดิม
  • มันทำให้ตัวแปร string ดูเหมือนเป็นแถวตัวเลข (แต่จริงๆ มันไม่ใช่)
  • ถ้าหาไม่พบอักษร[ ] คืนค่า undefinedและ charAt() คืนค่าตัวว่าง (empty string).
  • มันเป็นอย่างที่เป็นไปไม่ได้ที่จะเขียนเข้าไปstr[0] = "A" จะไม่ทำให้เกิดข้อผิดพลาด (แต่จะไม่ทำงานด้วย)!

ตัวอย่าง

var str = "HELLO WORLD";
str[0] = "A";             // จะไม่ทำให้เกิดข้อผิดพลาด แต่จะไม่ทำงาน
str[0];                   // คืนค่า H

ทดลองด้วยตัวเอง

คำเตือน:หากคุณต้องการจะจัดการตัวอักษรตามรูปแบบของตัวแทน คุณสามารถแปลงมันเป็นตัวแทนก่อน

แปลงตัวอักษรเป็นตัวแทน

ผ่าน split() การแปลงตัวอักษรเป็นตัวแทน

ตัวอย่าง

var txt = "a,b,c,d,e";   // ตัวอักษร
txt.split(",");          // แบ่งด้วยขีดครึ่ง
txt.split(" ");          // แบ่งด้วยช่องว่าง
txt.split("|");          // แบ่งด้วยขีดตรง

ทดลองด้วยตัวเอง

ถ้าละเลยตัวแทนเซอร์ ตัวแทนที่กลับมาจะเป็นตัวแทนที่มีความยาวเท่ากับ index [0]

ถ้าตัวแทนเซอร์เป็น "\"" ตัวแทนที่กลับมาจะเป็นตัวแทนที่แบ่งเป็นตัวอักษรเดี่ยว

ตัวอย่าง

var txt = "Hello";       // ตัวอักษร
txt.split("\""

ทดลองด้วยตัวเอง

คู่มืออ้างอิง String ที่เต็มตัว

สำหรับคู่มืออ้างอิงที่เต็มตัว โปรดเข้าชม คู่มืออ้างอิงตัวอักษร JavaScript.

คู่มืออ้างอิงตัวอักษร JavaScript มีคำอธิบายและตัวอย่างของทั้งหมด