자바스크립트에는 문자열의 주어진 인덱스에 어떤 문자가 있는지 알아낼 수 있는 기능을 제공하는 String 개체 메서드가 있습니다. 이 문서에서는 그 방법에 대해 설명하고 사용 방법을 보여줍니다.
이 방법의 경우 JavaScript의 기본 유형을 사용합니다. 그 유형은 무엇입니까? 원시적 인 의미는 무엇입니까?
기본 유형 또는 값은 개체가 아니며 연결된 메서드가 없는 항목입니다. JavaScript에서 기본 요소는 문자열, 숫자, 부울, bigint, 기호 및 정의되지 않음입니다. 오늘은 문자열 기본 값에 초점을 맞출 것입니다.
기본 문자열 값에 대해 흥미로운 점은 일반적으로 기본 문자열 객체와 교환할 수 있다는 것입니다. 대부분의 경우 JavaScript는 기본 문자열 주위에 기본 문자열 개체 래퍼를 자동으로 래핑하고 String 메서드 사용을 강제합니다. 따라서 대부분의 경우 기본 문자열(사용 가능한 메서드 없음)을 기본 문자열 개체(사용 가능한 메서드 포함)로 변경하는 것에 대해 걱정할 필요가 없습니다.
구문
String charAt() 메서드의 구문은 매우 간단합니다. 보려는 문자열로 시작합니다. String 객체이기 때문에 점 표기법을 사용하여 메서드에 접근하고 끝에 붙입니다. 그것을 호출하기 위해 찾고자 하는 인덱스가 있는 끝에 괄호를 추가합니다.
const charAtFive = new String("It is warm today.").charAt(5));
charAt() 메서드는 문자열의 해당 인덱스에 있는 문자를 반환합니다. 문자열은 0부터 시작하므로 인덱스는 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%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
자바스크립트 역 문자열 코드 챌린지
자바스크립트 팝 방식:정의 및 사용 방법
자바스크립트에서 하위 문자열을 사용하는 방법
자바스크립트 문자열 포함:단계별 가이드
자바스크립트 toUpperCase 및 toLowerCase