Tồn tại một phương thức đối tượng Chuỗi trong JavaScript cung cấp cho chúng tôi khả năng tìm ra ký tự nào ở một chỉ mục nhất định trong một chuỗi. Bài viết này sẽ cho bạn biết về phương pháp đó và hướng dẫn cách sử dụng nó.
Đối với phương pháp này, chúng tôi chuyển sang các kiểu nguyên thủy của chúng tôi trong JavaScript. Những loại đó là gì? Nguyên thủy chẵn có nghĩa là gì?
Các loại hoặc giá trị nguyên thủy là các mục không phải là đối tượng và không có các phương thức được liên kết với chúng. Trong JavaScript, các nguyên thủy là chuỗi, số, boolean, bigint, ký hiệu và không xác định. Hôm nay, chúng ta sẽ tập trung vào giá trị nguyên thủy của chuỗi.
Điều thú vị về giá trị chuỗi nguyên thủy là nó thường có thể hoán đổi cho nhau với đối tượng Chuỗi nguyên thủy. Trong hầu hết các trường hợp, JavaScript sẽ tự động quấn một trình bao bọc đối tượng String nguyên thủy xung quanh một chuỗi nguyên thủy và ép buộc sử dụng các phương thức String. Vì vậy, trong hầu hết các trường hợp, bạn không cần phải lo lắng về việc thay đổi một chuỗi nguyên thủy (không có phương thức nào) thành một Đối tượng chuỗi nguyên thủy (có sẵn các phương thức).
Cú pháp
Cú pháp của phương thức String charAt () khá đơn giản. Chúng tôi bắt đầu với chuỗi mà chúng tôi muốn xem xét. Vì nó là một Đối tượng chuỗi, chúng tôi sử dụng ký hiệu dấu chấm để truy cập phương thức và gắn nó vào cuối. Để gọi nó, chúng ta thêm dấu ngoặc đơn vào cuối với chỉ mục mà chúng ta muốn tra cứu.
const charAtFive = new String("It is warm today.").charAt(5));
charAt() phương thức trả về ký tự tại chỉ mục đó trong chuỗi. Hãy nhớ rằng các chuỗi dựa trên 0 nên các chỉ mục bắt đầu từ 0 và đi từ đó theo thứ tự tuần tự. Đây là một triển khai đang hoạt động - sử dụng các đầu vào để thêm một chuỗi và một chỉ mục, sau đó nhấn gửi. Trừ khi bạn đã yêu cầu một chỉ mục nằm ngoài phạm vi, nó sẽ trả về một ký tự duy nhất tại chỉ mục bạn đã yêu cầu.
<!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>
Bạn nên xem xét điều gì tiếp theo?
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
Thử thách mã chuỗi ngược JavaScript
Phương pháp Pop JavaScript:Nó là gì và Cách sử dụng nó
Cách sử dụng chuỗi con trong JavaScript
Chứa chuỗi JavaScript:Hướng dẫn từng bước
JavaScript toUpperCase và toLowerCase