ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ


 

JavaScriptวิธีสตริง


วิธี String ช่วยให้คุณสามารถทำงานกับสตริง


วิธีสตริงและสมบัติ

ค่าดั้งเดิมเช่น "John Doe" ไม่สามารถมีคุณสมบัติหรือวิธีการ (เพราะพวกเขาไม่ได้วัตถุ)

แต่ด้วย JavaScript, วิธีการและคุณสมบัตินอกจากนี้ยังมีค่าดั้งเดิมเพราะ JavaScript ถือว่าค่าดั้งเดิมเป็นวัตถุเมื่อวิธีการดำเนินการและคุณสมบัติ


ความยาวสตริง

length คุณสมบัติส่งกลับความยาวของสตริง:

ตัวอย่าง

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
ลองตัวเอง»

หาสตริงในสตริง

indexOf() วิธีการส่งกลับของดัชนี (ตำแหน่ง) เกิดขึ้นครั้งแรกของข้อความที่ระบุในสตริง:

ตัวอย่าง

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
ลองตัวเอง»

lastIndexOf() วิธีการส่งกลับของดัชนีเกิดขึ้นครั้งล่าสุดของข้อความที่ระบุในสตริง:

ตัวอย่าง

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
ลองตัวเอง»

ทั้ง indexOf() และ lastIndexOf() วิธีการกลับ -1 ถ้าข้อความที่ไม่พบ

นับ JavaScript ตำแหน่งจากศูนย์
0 เป็นตำแหน่งแรกในสตริง 1 เป็นครั้งที่สองที่ 2 เป็นที่สาม ...

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


กำลังหาสตริงในสตริง

search() วิธีการค้นหาสตริงสำหรับค่าที่ระบุและส่งกลับตำแหน่งของการแข่งขัน:

ตัวอย่าง

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");
ลองตัวเอง»

คุณสังเกตเห็น?

ทั้งสองวิธี indexOf() และ search() , มีค่าเท่ากัน

พวกเขายอมรับข้อโต้แย้งเดียวกัน (พารามิเตอร์) และพวกเขากลับมามีค่าเท่ากัน

ทั้งสองวิธีมีค่าเท่ากัน แต่ search() วิธีการสามารถใช้ค่าค้นหาที่มีประสิทธิภาพมากขึ้น

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับค่าค้นหาที่มีประสิทธิภาพในบทที่เกี่ยวกับการแสดงผลปกติ


แยกอะไหล่สตริง

มี 3 วิธีสำหรับการแยกส่วนของสตริงคือ:

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

slice() วิธี

slice() สารสกัดจากส่วนหนึ่งของสตริงและผลตอบแทนส่วนขยายในสตริงใหม่

วิธีการที่จะใช้เวลา 2 พารามิเตอร์: ดัชนีเริ่มต้น (ตำแหน่ง) และดัชนีตอนจบ (ตำแหน่ง)

ตัวอย่างนี้ชิ้นส่วนออกของสตริงจากตำแหน่ง 7 ตำแหน่ง 13:

ตัวอย่าง

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

ผลของความละเอียดจะเป็น:

Banana
ลองตัวเอง»

ถ้าพารามิเตอร์เป็นลบตำแหน่งจะถูกนับจากจุดสิ้นสุดของสตริง

ตัวอย่างนี้ชิ้นส่วนออกของสตริงจากตำแหน่งในการวางตำแหน่ง -12 -6 ที่:

ตัวอย่าง

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12,-6);

ผลของความละเอียดจะเป็น:

Banana
ลองตัวเอง»

ถ้าคุณไม่ใช้พารามิเตอร์ที่สองวิธีการที่จะตัดออกจากส่วนที่เหลือของสตริง:

ตัวอย่าง

var res = str.slice(7);
ลองตัวเอง»

หรือนับจากปลาย:

ตัวอย่าง

var res = str.slice(-12);
ลองตัวเอง»

ตำแหน่งเชิงลบไม่ทำงานใน Internet Explorer 8 และก่อนหน้านี้


substring() วิธี

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

ความแตกต่างคือ substring() ไม่สามารถยอมรับดัชนีเชิงลบ

ตัวอย่าง

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

ผลของ res จะเป็น:

Banana
ลองตัวเอง»

ถ้าคุณไม่ใช้พารามิเตอร์ที่สอง substring() จะตัดออกจากส่วนที่เหลือของสตริง


substr() วิธี

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

ความแตกต่างคือพารามิเตอร์ที่สองระบุ length ของส่วนสกัด

ตัวอย่าง

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

ผลของความละเอียดจะเป็น:

Banana
ลองตัวเอง»

ถ้าพารามิเตอร์แรกเป็นลบตำแหน่งนับจากจุดสิ้นสุดของสตริง

พารามิเตอร์ที่สองต้องไม่ติดลบเพราะมันกำหนดความยาว

ถ้าคุณไม่ใช้พารามิเตอร์ที่สอง substr() จะตัดออกจากส่วนที่เหลือของสตริง


เปลี่ยน String เนื้อหา

replace() วิธีการแทนที่ค่าที่ระบุมีค่าอื่นใน string:

ตัวอย่าง

str = "Please visit Microsoft!";
var n = str.replace("Microsoft","w3ii");
ลองตัวเอง»

replace() วิธีการยังสามารถใช้การแสดงออกปกติเป็นค่าการค้นหา

โดยค่าเริ่มต้น replace() ฟังก์ชั่นแทนที่เพียงนัดแรก เพื่อแทนที่การแข่งขันทั้งหมดใช้การแสดงออกปกติที่มีธง AG (สำหรับการแข่งขันทั่วโลก):

ตัวอย่าง

str = "Please visit Microsoft!";
var n = str.replace(/Microsoft/g,"w3ii");
ลองตัวเอง»

replace() วิธีการไม่เปลี่ยนสตริงมันถูกเรียกบน ก็จะส่งกลับสตริงใหม่


แปลงไปบนและกรณีที่ต่ำกว่า

สตริงจะถูกแปลงเป็นกรณีบนกับ toUpperCase() :

ตัวอย่าง

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper
ลองตัวเอง»

สตริงจะถูกแปลงเป็นกรณีที่ต่ำกว่าด้วย toLowerCase() :

ตัวอย่าง

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower
ลองตัวเอง»

concat() วิธี

concat() ร่วมสองคนหรือมากกว่าสตริง:

ตัวอย่าง

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);
ลองตัวเอง»

concat() วิธีการที่สามารถนำมาใช้แทนของผู้ประกอบการบวก ทั้งสองสายจะทำเช่นเดียวกัน:

ตัวอย่าง

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

วิธีสตริงทั้งหมดกลับสตริงใหม่ พวกเขาไม่ได้ปรับเปลี่ยนสายเดิม
อย่างเป็นทางการกล่าวว่า: Strings จะไม่เปลี่ยนรูป: Strings ไม่สามารถเปลี่ยนแปลงแทนที่เท่านั้น


การแยกตัวอักษรสตริง

มี 2 วิธีที่ปลอดภัยสำหรับการแยกตัวอักษรสตริงคือ:

  • charAt(position)
  • charCodeAt(position)

charAt() วิธี

charAt() วิธีการส่งกลับตัวละครที่ดัชนีที่ระบุ (ตำแหน่ง) ในสตริง:

ตัวอย่าง

var str = "HELLO WORLD";
str.charAt(0);            // returns H
ลองตัวเอง»

charCodeAt() วิธี

charCodeAt() วิธีการส่งกลับ Unicode ของตัวละครที่ระบุไว้ในดัชนีสตริงที่:

ตัวอย่าง

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72
ลองตัวเอง»

การเข้าถึงสตริงเป็นอาร์เรย์จะไม่ปลอดภัย

คุณอาจได้เห็นรหัสเช่นนี้การเข้าถึงสตริงเป็นอาร์เรย์ A:

var str = "HELLO WORLD";

str[0];                   // returns H

นี่คือที่ไม่ปลอดภัยและคาดเดาไม่ได้:

  • มันไม่ทำงานในเบราว์เซอร์ (ไม่อยู่ใน IE5, IE6, IE7)
  • มันทำให้สายมีลักษณะเช่นอาร์เรย์ ( แต่พวกเขาไม่ได้)
  • str[0] = "H" ไม่ให้เกิดข้อผิดพลาด ( แต่ไม่ทำงาน)

หากคุณต้องการที่จะอ่านสตริงเป็นอาร์เรย์ที่แปลงเป็นอาร์เรย์แรก


แปลงสตริงเพื่ออาร์เรย์

สตริงที่สามารถแปลงเป็นอาร์เรย์ที่ split() วิธีการ:

ตัวอย่าง

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe
ลองตัวเอง»

หากคั่นถูกละไว้อาร์เรย์กลับจะมีสตริงทั้งในดัชนี [0]

หากแยกเป็น "" อาร์เรย์กลับจะเป็นอาร์เรย์ของตัวอักษรเดียว:

ตัวอย่าง

var txt = "Hello";       // String
txt.split("");           // Split in characters
ลองตัวเอง»

อ้างอิงสตริงสมบูรณ์

สำหรับการอ้างอิงเสร็จสมบูรณ์ไปของเรา อ้างอิง JavaScript String สมบูรณ์

การอ้างอิงที่มีคำอธิบายและตัวอย่างของทุกคุณสมบัติสตริงและวิธีการ


ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 » ออกกำลังกาย 6 »