10 วิธีสตริง JavaScript ที่คุณควรเชี่ยวชาญในวันนี้

10 วิธีสตริง JavaScript ที่คุณควรเชี่ยวชาญในวันนี้

ขณะเขียนโปรแกรมใน JavaScript คุณมักจะเจอสถานการณ์ที่ต้องมีการจัดการสตริง ตัวอย่างเช่น ในขณะที่ดึงอีเมล คุณอาจต้องแปลงอักขระทั้งหมดเป็นตัวพิมพ์เล็กหรือใช้นิพจน์ทั่วไปเพื่อตรวจสอบว่ารหัสผ่านที่ป้อนนั้นตรงตามเงื่อนไขทั้งหมดหรือไม่





วิธีสตริง JavaScript จะช่วยให้คุณดำเนินการทั้งหมดนี้กับสตริงได้ตามความต้องการของคุณอย่างง่ายดาย ต่อไปนี้เป็นวิธีสตริง 10 วิธีพร้อมตัวอย่างที่จะช่วยให้คุณเข้าใจได้ดียิ่งขึ้น



วิธีการสตริง JavaScript คืออะไร?

สตริงเป็นโครงสร้างข้อมูลพื้นฐานที่ประกอบด้วยลำดับของอักขระ โครงสร้างข้อมูลนี้เป็นส่วนหนึ่งของภาษาการเขียนโปรแกรมหลักทั้งหมด รวมถึง Python, JavaScript, Java และอื่นๆ





เมธอดสตริงคือเมธอด JavaScript ที่สร้างไว้ล่วงหน้า ซึ่งช่วยให้นักพัฒนาดำเนินการดำเนินการทั่วไปกับสตริงโดยไม่จำเป็นต้องเขียนโค้ดด้วยตนเอง พวกเขากำลังเรียกใช้โดยใช้เครื่องหมายจุดที่แนบมากับตัวแปรสตริง

ที่เกี่ยวข้อง: ฟังก์ชั่นในการเขียนโปรแกรมคืออะไร?



รับเงินเพื่อทดสอบแอพ android

เนื่องจากเป็นเพียงฟังก์ชัน JavaScript จึงมักลงท้ายด้วยวงเล็บซึ่งสามารถเก็บอาร์กิวเมนต์ที่ไม่บังคับได้ สำคัญที่ต้องรู้ JavaScript คืออะไรและทำงานอย่างไร ก่อนดำเนินการต่อไป มาเริ่มต้นและเรียนรู้วิธีการเหล่านี้อย่างละเอียดยิ่งขึ้น

สำหรับเมธอดที่จะเกิดขึ้น ลองใช้ตัวแปรสตริง NS ด้วยค่าของ ' ยินดีต้อนรับสู่ MUO! ' ตัวอย่างเช่น.



let str = 'Welcome to MUO!'

1. String.toLowerCase() และ String.toUppperCase()

NS ตัวพิมพ์เล็ก() วิธีสตริงแปลงอักขระทั้งหมดของสตริงที่กำหนดเป็นรูปแบบตัวพิมพ์เล็กและในทำนองเดียวกัน toUpperCase() วิธีแปลงอักขระทั้งหมดเป็นรูปแบบตัวพิมพ์ใหญ่ ฟังก์ชันเหล่านี้ไม่แก้ไขสตริงเดิม

ไวยากรณ์:



toUpperCase()
toLowerCase()

ลองดูสองวิธีนี้ด้วยตัวอย่างด่วน:

console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);

ในการรันโค้ดด้านบนบนคอนโซล คุณจะได้รับผลลัพธ์ต่อไปนี้:

'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'

2. String.concat()

NS concat() method ใช้ในการเชื่อมสตริงตั้งแต่สองสตริงขึ้นไปเข้าด้วยกัน คุณสามารถเพิ่มอาร์กิวเมนต์อย่างน้อยหนึ่งอาร์กิวเมนต์ในวิธีนี้เพื่อเชื่อมอาร์กิวเมนต์เป็นสตริงเดียว ไม่ได้ทำการปรับเปลี่ยนใด ๆ กับสตริงเดิม

ไวยากรณ์:

concat(str1, str2, str3, ...)

ต่อไปนี้คือตัวอย่างที่แสดงการต่อกันของสองสตริงเพื่อสร้างสตริงใหม่:

let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

3. String.indexOf() และ String.lastIndexOf()

NS ดัชนีของ() วิธีช่วยให้คุณค้นหาดัชนีแรกที่มีอักขระหรือสตริงย่อยที่ระบุ โดยเริ่มจากด้านซ้ายมือและติดตามสตริงเพื่อตรวจสอบว่าอาร์กิวเมนต์ที่ระบุตรงกันหรือไม่

ไวยากรณ์:

indexOf(str)

มาหาดัชนีกันที่ MUO มีอยู่ในสตริงด้วยตัวอย่าง:

console.log(str.indexOf('MUO')); 11

ถ้าอาร์กิวเมนต์ที่ระบุไม่มีอยู่ในสตริง เมธอดจะส่งกลับค่า -1

console.log(str.indexOf('Hello')); -1

ในทำนองเดียวกัน LastIndexOf() วิธีส่งคืนดัชนีของการเกิดขึ้นครั้งสุดท้ายของอักขระหรือสตริงที่กำหนด นี่คือตัวอย่าง:

console.log(str.lastIndexOf('e')); 6

แม้ว่าตัวอักษร และ ปรากฏที่ดัชนี 1 การเกิดขึ้นครั้งสุดท้ายของอักขระนี้อยู่ที่ดัชนี 6 และด้วยเหตุนี้จึงส่งคืนเป็นเอาต์พุต

4. String.charAt()

NS charAt () วิธีสตริงส่งคืนอักขระที่ดัชนีที่ระบุในสตริง ยอมรับเพียงหนึ่งอาร์กิวเมนต์ ดัชนีที่จะดึงอักขระ ค่าดัชนีมีตั้งแต่ 0 ถึงความยาว - 1

ไวยากรณ์:

charAt(index)

นี่คือตัวอย่างของ charAt () กระบวนการ:

console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1)); o
W
!

ในตัวอย่างข้างต้น เมื่อ str.length - 1 ถูกส่งผ่านเป็นอาร์กิวเมนต์ วิธีการส่งกลับอักขระสุดท้ายของสตริง หากคุณป้อนดัชนีที่ไม่ถูกต้องซึ่งอยู่นอกเหนือช่วงที่อนุญาต เมธอดนี้จะส่งกลับ -1

5. String.charCodeAt()

คล้ายกับวิธี charAt NS charCodeAt () วิธีการส่งคืน ค่า ASCII ของอักขระที่ดัชนีที่ระบุ เมธอดสตริงนี้รับอาร์กิวเมนต์เพียงอาร์กิวเมนต์เดียว ซึ่งเป็นดัชนีที่จะดึงข้อมูลอักขระ

ไวยากรณ์:

charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33

อีกครั้ง ค่าดัชนีมีตั้งแต่ 0 ถึงความยาว - 1 และหากคุณพยายามส่งดัชนีเกินขีดจำกัดที่อนุญาต วิธีการนี้จะคืนค่า -1

6. String.replace()

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

ไวยากรณ์:

replace(str1, str2)

ตัวอย่างเช่น หากคุณต้องการแทนที่คำว่า MUO กับ เว็บไซต์นี้ ในตัวแปรสตริง คุณสามารถใช้เครื่องหมาย แทนที่() วิธีการเช่นนี้:

let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!

7. สตริงแยก ()

NS แยก() เมธอดใช้เพื่อแยกคำหรืออักขระทั้งหมดในสตริงตามอาร์กิวเมนต์ตัวคั่นที่ส่งไปยังเมธอด ชนิดส่งคืนของวิธีนี้คืออาร์เรย์ อาร์เรย์นี้ประกอบด้วยอักขระหรือสตริงย่อยทั้งหมด แยกตามตัวคั่นที่กำหนด วิธีนี้จะไม่แก้ไขสตริงเดิม

ไวยากรณ์:

split(separator)

ตัวอย่างเช่น หากช่องว่าง (' ') ถูกส่งผ่านเป็นอาร์กิวเมนต์ตัวคั่นไปยังเมธอด split เอาต์พุตจะมีลักษณะดังนี้:

let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']

หากคุณไม่ส่งอาร์กิวเมนต์ไปที่ แยก() เมธอด มันจะส่งคืนอาร์เรย์ที่มีองค์ประกอบเดียวที่ประกอบด้วยค่าตัวแปรสตริงของคุณ

let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']

8. สตริงย่อย ()

NS สตริงย่อย () ใช้เพื่อรับสตริงย่อยหรือส่วนหนึ่งของสตริงดั้งเดิม วิธีนี้ใช้สองพารามิเตอร์: ดัชนีเริ่มต้นและดัชนีสิ้นสุด สตริงย่อยของเอาต์พุตเริ่มต้นจากดัชนีเริ่มต้นที่ระบุและพิมพ์จนถึงดัชนีสิ้นสุด - 1

ไวยากรณ์:

substring(startIndex, endIndex)

นี่คือตัวอย่างโดยย่อของ สตริงย่อย () กระบวนการ:

console.log(str.substring(2,8)); 'lcome'

โปรดทราบว่าอักขระที่ดัชนีส่วนท้ายไม่ได้เป็นส่วนหนึ่งของผลลัพธ์

NS ค้นหา() วิธีช่วยในการค้นหาสตริงย่อยหรืออักขระเฉพาะภายในสตริงดั้งเดิม เมธอดนี้ยอมรับกลุ่มของอักขระหรือสตริงย่อยเป็นอาร์กิวเมนต์และติดตามผ่านสตริง เมื่อพบรายการที่ตรงกัน ดัชนีเริ่มต้นของส่วนที่ตรงกันจะถูกส่งคืน มิฉะนั้น เมธอดนี้จะคืนค่า -1

ไวยากรณ์:

search(substring)

คุณสามารถใช้ ค้นหา() วิธีการในลักษณะนี้:

console.log(str.search('MUO'));
console.log(str.search('2')); 11
-1

10. สตริง. trim()

NS ตัดแต่ง() วิธีลบช่องว่างสีขาวทั้งหมดในสตริง ก่อนอักขระตัวแรกและหลังอักขระตัวสุดท้าย วิธีนี้ไม่ต้องการให้คุณส่งพารามิเตอร์ใดๆ และไม่แก้ไขสตริงดั้งเดิม มีประโยชน์อย่างมากสำหรับการตรวจสอบการป้อนข้อมูลของผู้ใช้ในแบบฟอร์ม

ไวยากรณ์:

trim()

มาดูตัวอย่างใหม่เพื่อสำรวจวิธีการสตริงนี้:

แก้ไขข้อผิดพลาดการจัดการหน่วยความจำ windows 10
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! '

วิธีการใช้งาน JavaScript เพิ่มเติมในการเช็คเอาท์

นี่เป็นบทสรุปสั้นๆ ของวิธีการสตริงทั่วไปที่สามารถช่วยให้คุณทำงานได้อย่างมีประสิทธิภาพมากขึ้นในฐานะนักพัฒนา JavaScript วิธีการเหล่านี้จะช่วยคุณในการสัมภาษณ์เขียนโค้ดสำหรับคำถามเกี่ยวกับสตริง การฝึกฝนทำให้สมบูรณ์แบบ ดังนั้นให้ลองใช้วิธีการเหล่านี้ในคอนโซลของคุณเอง

เมื่อคุณใช้เมธอดสตริงอย่างละเอียดแล้ว คุณควรพิจารณาเมธอดอาร์เรย์บางวิธีที่จะช่วยเพิ่มความเชี่ยวชาญใน JavaScript ของคุณให้ดียิ่งขึ้น

แบ่งปัน แบ่งปัน ทวีต อีเมล 15 วิธีการอาร์เรย์ JavaScript ที่คุณควรเชี่ยวชาญในวันนี้

ต้องการเข้าใจอาร์เรย์ JavaScript แต่ไม่สามารถเข้าใจได้ใช่ไหม ตรวจสอบตัวอย่างอาร์เรย์ JavaScript ของเราเพื่อเป็นแนวทาง

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • การเขียนโปรแกรม
  • JavaScript
  • เคล็ดลับการเข้ารหัส
เกี่ยวกับผู้เขียน นิทิน รังคนาถ(31 บทความที่ตีพิมพ์)

Nitin เป็นนักพัฒนาซอฟต์แวร์ตัวยงและเป็นนักศึกษาวิศวกรรมคอมพิวเตอร์ที่พัฒนาเว็บแอปพลิเคชันโดยใช้เทคโนโลยี JavaScript เขาทำงานเป็นนักพัฒนาเว็บอิสระและชอบเขียนสำหรับ Linux และการเขียนโปรแกรมในเวลาว่าง

เพิ่มเติมจาก Nitin Ranganath

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก