ในบทที่ ๓ ได้แนะนำวิธีการสร้างสายอักขระในเบื้องต้นไปแล้ว

สำหรับในบทนี้จะแนะนำคำสั่งต่างๆที่ใช้ช่วยในการจัดการกับสายอักขระเพิ่มเติมอีก



การเข้าถึงสมาชิกแต่ละตัวในสายอักขระ

สายอักขระนั้นทีลักษณะคล้ายแถวลำดับ ตรงที่สามารถเข้าถึงตัวอักษรในสายอักขระได้โดยอาศัยเลขลำดับ
หรืออาจใช้ charAt แล้วใส่เลขลำดับเหมือนกัน

var str = "น้ำขึ้นให้รีบตัก";
alert(str[0]); // ได้ น
alert(str[3]); // ได้ ข
alert(str[30]); // ได้ undefined

ข้อแตกต่างคือกรณีที่เลขที่ใส่ไปนั้นมากกว่าเลขลำดับสุดท้ายของสายอักขระจะได้สายอักขระเปล่ามา แทนที่จะเป็น undefined

var str = "น้ำมันราดกองไฟ";
alert("+" + str.charAt(0) + "+"); // ได้ +น+
alert("+" + str.charAt(30) + "+"); // ได้ ++

การเข้าถึงสมาชิกในสายอักขระทีละหลายตัว

การเข้าถึงสายอักขระทีละหลายตัวสามารถใช้เมธอด slice ได้เช่นเดียวกับในแถวลำดับ แต่นอกจากนี้ยังมีเมธอด substring ซึ่งมีความสามารถคล้ายๆกัน

การใช้ slice กับ substring นั้นทำได้โดยกำหนดลำดับจุดต้นและจุดปลายเหมือนกัน

var str = "น้ำลดตอผุด";
alert(str.substring(0, 3)); // ได้ น้ำ
alert(str.substring(3, 5)); // ได้ ลด
alert(str.slice(5, 7)); // ได้ ตอ
alert(str.slice(7)); // ได้ ผุด

แต่ข้อแตกต่างจะเกิดในกรณีที่เลขจุดปลายมากกว่า ถ้าเป็น substring จะสลับจุดต้นกับจุดปลาย แต่ถ้าเป็น slice จะได้สายอักขระเปล่า

var str = "น้ำนิ่งไหลลึก";
alert("@" + str.substring(7, 3) + "@"); // ได้ @นิ่ง@
alert("@" + str.slice(7, 3) + "@"); // ได้ @@

นอกจากนี้ยังมีเมธอด substr ซึ่งคล้ายกับ substring แต่จะต่างกันตรงที่จะกำหนดจุดเริ่มต้นกับความยาวของอักษรที่ต้องการ

var str = "น้ำพึ่งเรือเสือพึ่งป่า";
alert(str.substr(7, 4)); // ได้ เรือ
alert(str.substr(11, 8)); // ได้ เสือพึ่ง

จำนวนตัวอักษรในสายอักขระ

หากต้องการรู้ว่าสายอักขระนี้ยาวกี่ตัวสามารถดูได้ที่พรอเพอร์ตี length เช่นเดียวกับในแถวลำดับ อักษรทุกตัวนับหมด แม้แต่ช่วงว่าง

var str = "ยำใหญ่ใส่สารพัด วางจานจัดหลายเหลือตรา";
alert(str.length); // ได้ 37
var str = "ยำใหญ่ใส่สารพัด  วางจานจัดหลายเหลือตรา  ";
alert(str.length); // ได้ 40

การเชื่อมต่อสายอักขระ

สายอักขระนั้นหากนำมาบวกกันก็จะเป็นการเอามาต่อกัน นอกจากนี้ก็อาจต่อสายอักขระโดยใช้เมธอด .concat เช่นเดียวกับที่ใช้ในแถวลำดับ

var s1 = "น้ำมาปลากินมด";
var s2 = "น้ำลดมดกินปลา";
alert(s1 + " " + s2); // ได้ น้ำมาปลากินมด น้ำลดมดกินปลา
var s3 = "น้ำใสไหลเย็นเห็นตัวปลา";
var s4 = "แหวกว่ายประทุมมาอยู่ไหวไหว";
alert(s3.concat(" ", s4)); // ได้ น้ำใสไหลเย็นเห็นตัวปลา แหวกว่ายประทุมมาอยู่ไหวไหว

การแปลงตัวพิมพ์เล็กพิมพ์ใหญ่

ตัวอักษรภาษาอังกฤษหรือภาษาต่างๆที่ใช้อักษรโรมันสามารถจะมีแบ่งเป็นอักษรตัวพิมพ์เล็กพิมพ์ใหญ่ สามารถแปลงตัวอักษรทั้งสายอักขระให้กลายเป็นตัวพิมพ์ใหญ่ทั้งหมดหรือพิมพ์เล็กทั้งหมดได้โดยใช้เมธอด .toUpperCase และ .toLowerCase

ตัวอย่าง

alert("Gấu Trắng".toLowerCase()); // ได้ gấu trắng
alert("Gấu Trắng".toUpperCase()); // ได้ GẤU TRẮNG

รหัสอักษร

ตัวอักษรแต่ละตัวนั้นมีรหัสยูนิโค้ดอยู่

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

alert("กา".charCodeAt()); // ได้ 3585
alert("กา".charCodeAt(1)); // ได้ 3634

หากต้องการสร้างตัวอักษรขึ้นจากเลขยูนิโค้ด สามารถทำได้โดยฟังก์ชัน String.fromCharCode

alert(String.fromCharCode(3586)); // ได้ ข
alert(String.fromCharCode(3632)); // ได้ ะ

การหาตำแหน่งของคำที่ต้องการในสายอักขระ

สายอักขระมีเมธอดที่สามารถใช้ในการหาคำที่ต้องการจากภายในสายอักขระ นั่นคือ IndexOf และ lastIndexOf

ทั้ง ๒ เมธอดนี้จะค้นหาคำที่เราต้องการแล้วให้ค่าตำแหน่งเริ่มต้นของคำมา

var s = "เมื่อยามรักน้ำต้มผักยังว่าหวาน เมื่อถูกเลิกน้ำตาลหวานยังบอกขม";
var i1 = s.indexOf("หวาน");
var i2 = s.lastIndexOf("หวาน");
alert(i1); // ได้ 26
alert(i2); // ได้ 49
alert(s.slice(0, i1 + 4)); // ได้ เมื่อยามรักน้ำต้มผักยังว่าหวาน
alert(s.substr(i2)); // ได้ หวานยังบอกขม

การแทนที่สายอักขระ

หากมีข้อความบางส่วนที่ต้องการให้ถูกแทนที่ด้วยข้อความอีกคำสามารถใช้เมธอด replace

alert("-a-a-".replace("a", "o")); // ได้ -o-a-

เพียงแต่นี่ยังไม่ใช่ความสามารถทั้งหมดเต็มที่ของเมธอดนี้ เพราะใช้แบบนี้สามารถแทนได้แค่ทีละตัวเท่านั้น

จริงๆแล้ว .replace จะใช้ความสามารถได้อย่างเต็มที่เมื่อใช้ร่วมกับเรกูลาร์เอ็กซ์เพรชชัน (regex) ซึ่งจะกล่าวถึงในบทถัดไป



การแบ่งสายอักขระ

เมื่อต้องการจะแบ่งสายอักขระออกเป็นส่วนๆโดยใช้ตัวแยกบางอย่างในสายอักขระเป็นตัวกำหนดจุดแบ่งอาจใช้เมธอด split

alert("hanabi".split("a")); // ได้ h,n,bi

เมธอด .split นี้ก็สามารถใช้กับเรกูลาร์เอ็กซ์เพรชชันเพื่อให้ใช้งานได้ยืดหยุ่นขึ้น เช่นเดียวกับเมธอด .replace

วิธีการใช้เมธอด .replace กับ .split ในระดับสูงขึ้นนั้นจะอธิบายในบทหน้า



สรุปเมธอดที่ใช้ในสายอักขระ

เมธอด	ความหมาย
charAt	เอาตัวหนังสือในตำแหน่งที่ระบุในสายอักขระ
slice	เอาบางส่วนของสายอักขระตามจุดเริ่มและจุดปลายที่กำหนด
substring	เอาบางส่วนของสายอักขระตามจุดเริ่มและจุดปลายที่กำหนด
substr	เอาบางส่วนของสายอักขระตามจำนวนที่กำหนด
concat	เชื่อมต่อสายอักขระเข้าด้วยกัน
toLowerCase	แปลงตัวพิมพ์ใหญ่ในสายอักขระเป็นตัวพิมพ์เล็กทั้งหมด
toUpperCase	แปลงตัวพิมพ์เล็กในสายอักขระเป็นตัวพิมพ์ใหญ่ทั้งหมด
charCodeAt	หารหัสอักษรของตัวอักษรในตำแหน่งที่กำหนดในสายอักขระ
indexOf	หาตำแหน่งเริ่มของคำที่ต้องการในสายอักขระ เอาตัวแรกที่เจอก่อนจากทางซ้าย
lastIndexOf	หาตำแหน่งเริ่มของคำที่ต้องการในสายอักขระ เอาตัวแรกที่เจอก่อนจากทางขวา
replace	แทนที่สายอักขระที่กำหนดด้วยตัวที่ต้องการ
split	แยกสายอักขระออกจากกันด้วยตัวที่กำหนด

十三

~ 自己紹介 ~

目次

日本による名言集

python モジュール -- numpy -- matplotlib -- pandas -- manim -- opencv -- pyqt -- pytorch 機械学習 -- ニューラル      ネットワーク

javascript

モンゴル語

言語学

maya

確率論

日本での日記

中国での日記 -- 北京での日記 -- 香港での日記 -- 澳門での日記

台灣での日記

北欧での日記

他の国での日記

qiita

その他の記事

記事の類別

==เลือกหมวด== ดาราศาสตร์ คณิตศาสตร์ -ความน่าจะเป็น คอมพิวเตอร์ -เขียนโปรแกรม --python ---numpy ---scipy ---matplotlib ---pandas ---manim ---pyqt ---sklearn ---pytorch ---mayapython --ruby --javascript --dart --MATLAB --SQL --regex --opencv -shell -3D --maya --MMD -microsoft_office -pdf -ปัญญาประดิษฐ์ --โครงข่ายประสาทเทียม --สเตเบิลดิฟฟิวชัน ---comfyui -การสุ่ม ภาษาศาสตร์ -ตัวอักษร -เรียนภาษา -หลักเกณฑ์การทับศัพท์ -ภาษาจีน --ภาษาจีนกลาง -ภาษาญี่ปุ่น -ภาษามองโกล -ภาษาลาว -ภาษาเขมร ประวัติศาสตร์ -ประวัติศาสตร์จีน -ประวัติศาสตร์ญี่ปุ่น ปรัชญา ประเทศจีน -จีนแผ่นดินใหญ่ --ปักกิ่ง --เทียนจิน --เหลียวหนิง --เหอเป่ย์ --เหอหนาน --ซานตง --ซานซี --อานฮุย --เจ้อเจียง --หูเป่ย์ --หูหนาน --ฝูเจี้ยน --กวางตุ้ง ---แต้จิ๋ว --ยูนนาน --ซินเจียง -ฮ่องกง -มาเก๊า -ไต้หวัน --ไทเป --จีหลง --เถาหยวน --ซินจู๋ --เหมียวลี่ --ไถจง --จางฮว่า --หยวินหลิน --เจียอี้ --ไถหนาน --เกาสยง --ผิงตง --อี๋หลาน ประเทศญี่ปุ่น -ฮกไกโด -อาโอโมริ -อิวาเตะ -มิยางิ -อากิตะ -ยามางาตะ -ฟุกุชิมะ -อิบารากิ -โทจิงิ -กุมมะ -ไซตามะ -จิบะ -โตเกียว -คานางาวะ -นีงาตะ -โทยามะ -อิชิกาวะ -ฟุกุอิ -ยามานาชิ -นางาโนะ -กิฟุ -ชิซึโอกะ -ไอจิ -มิเอะ -ชิงะ -เกียวโต -โอซากะ -เฮียวโงะ -นาระ -วากายามะ -โอกายามะ -ฮิโรชิมะ -ยามางุจิ -ฟุกุโอกะ -ซางะ -นางาซากิ -คุมาโมโตะ -โออิตะ ต่างแดน -อุษาคเนย์ --กัมพูชา --พม่า --สิงคโปร์ -ยุโรป --สวีเดน --เดนมาร์ก --ฟินแลนด์ -ออสเตรเลีย ท่องเที่ยว -มหาวิทยาลัย -พิพิธภัณฑ์ --พิพิธภัณฑ์วิทยาศาสตร์ --หอศิลป์ -สวนสัตว์ --พิพิธภัณฑ์สัตว์น้ำ -ท้องฟ้าจำลอง -ตึกระฟ้า -ปราสาท☑ --ปราสาทญี่ปุ่น --ปราสาทขอม --ปราสาทยุโรป -ศาสนสถาน --วัด --ศาลเจ้า --โบสถ์ --มัสยิด -สุสาน -มรดกโลก -ทะเล -ทะเลสาบ -ภูเขา -ภูเขาไฟ -หิมะ -ดอกซากุระ -แมว -รถไฟ -เรือ -ตลาดกลางคืน -งานเทศกาล -ที่ระลึกภัยพิบัติ -ตามรอย -ราเมง บันเทิง -เกม --อาเตอลีเย --โปเกมอน --caligula --vn -อนิเมะ -มังงะ -นิยาย -เพลง --เพลงอนิเมะ --เพลงเกม เรื่องแต่ง บันทึก

　 記事を検索

　 最新記事

　 おすすめの記事

月別記事

もっと前の記事

ไทย

日本語

中文