มีเมธอด String object ใน JavaScript ที่ช่วยให้เราสามารถหาว่าอักขระตัวใดอยู่ในดัชนีที่กำหนดในสตริง บทความนี้จะบอกคุณเกี่ยวกับวิธีการนั้นและแสดงวิธีใช้
สำหรับวิธีนี้ เราจะเปลี่ยนเป็นประเภทดั้งเดิมใน JavaScript ประเภทเหล่านั้นคืออะไร? ดึกดำบรรพ์หมายความว่าอย่างไร
ประเภทหรือค่าดั้งเดิมคือรายการที่ไม่ใช่วัตถุและไม่มีวิธีการที่เกี่ยวข้อง ในจาวาสคริปต์ primitives คือ string, number, boolean, bigint, symbols และ undefined วันนี้ เราจะมาเน้นที่ค่าดั้งเดิมของสตริง
สิ่งที่น่าสนใจเกี่ยวกับค่าสตริงดั้งเดิมคือมักจะใช้แทนกันได้กับอ็อบเจ็กต์ String ดั้งเดิม ในกรณีส่วนใหญ่ JavaScript จะล้อม wrapper อ็อบเจ็กต์ String ดั้งเดิมโดยอัตโนมัติรอบๆ สตริงดั้งเดิม และบังคับการใช้เมธอด String ดังนั้น ในกรณีส่วนใหญ่ คุณไม่จำเป็นต้องกังวลเกี่ยวกับการเปลี่ยนสตริงดั้งเดิม (โดยไม่มีเมธอด) เป็นออบเจกต์สตริงดั้งเดิม (พร้อมวิธีที่ใช้ได้)
ไวยากรณ์
ไวยากรณ์สำหรับเมธอด String charAt() ค่อนข้างตรงไปตรงมา เราเริ่มต้นด้วยสตริงที่เราต้องการดู เนื่องจากเป็นวัตถุสตริง เราจึงใช้เครื่องหมายจุดเพื่อเข้าถึงเมธอดและแนบไปที่ส่วนท้าย ในการเรียกใช้ เราเพิ่มวงเล็บต่อท้ายด้วยดัชนีที่เราต้องการค้นหา
const charAtFive = new String("It is warm today.").charAt(5));
charAt() วิธีส่งคืนอักขระที่ดัชนีนั้นในสตริง โปรดจำไว้ว่าสตริงเป็นแบบอิงศูนย์ ดังนั้นดัชนีจึงเริ่มต้นที่ 0 และไปจากที่นั่นตามลำดับ นี่คือการใช้งานที่ใช้งานได้ - ใช้อินพุตเพื่อเพิ่มสตริงและดัชนีแล้วกดส่ง เว้นแต่คุณจะขอดัชนีที่อยู่นอกช่วง ดัชนีควรส่งคืนอักขระตัวเดียวที่ดัชนีที่คุณขอ
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form onsubmit=handleSubmit(event)>
<label for="to-fixed">Enter a string:</label>
<input id="to-fixed" onchange=handleChange(event) type="text" name="inputVal" value=""/>
<label for="num-digits">Enter an index:</label>
<input id="num-digits" onchange=handleChange(event) type="text" name="numVal" value=""/>
<input type="submit" value="Submit" />
</form>
<h3 id="root"></h3>
<script>
let inputVal = '';
let numVal = '';
let errorVal = '';
const handleChange = e => {
if(e.target.name === "inputVal") {
inputVal = e.target.value;
} else {
if(inputVal.length - 1 < e.target.value || e.target.value < 0) {
errorVal = "Must enter index less than length of string and greater or equal to 0"
} else {
errorVal = "";
numVal = e.target.value;
}
}
}
const handleSubmit = e => {
e.preventDefault();
console.log(e)
const root = document.querySelector("#root");
if(errorVal) {
root.innerHTML = errorVal;
} else {
root.innerHTML = new String(inputVal).charAt(Number(numVal));
console.log(new String(inputVal).charAt(Number(numVal)));
}
}
const inputValue = document.getElementById("to-fixed").value
</script>
</body>
</html>
คุณควรดูอะไรต่อไป
81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
JavaScript Reverse String Code Challenge
JavaScript Pop Method:มันคืออะไรและใช้งานอย่างไร
วิธีใช้สตริงย่อยใน JavaScript
สตริง JavaScript ประกอบด้วย:คำแนะนำทีละขั้นตอน
JavaScript toUpperCase และ toLowerCase
