JavaScript에서 문자열 문자 변경
JavaScript에는 문자열의 문자를 직접 변경하는 내장 또는 기본 방법이 없지만 substring()
, split()
및 join()
.
이 기사에서는 기본 문자열 메서드를 사용하여 원하는 위치에서 문자열의 문자를 다른 예제로 바꾸거나 변경하는 사용자 지정 함수를 만듭니다.
JavaScript에서 substring()
을 사용하여 문자열 문자 변경
substring()
메서드는 JavaScript의 미리 정의된 메서드이며 문자열에서 인덱스를 사용하여 문자열의 정의된 문자를 추출하는 데 사용합니다. 선언된 전체 문자열에서 정의된 인덱스를 검색하고 처음부터 끝까지 부분을 추출합니다.
원래 문자열은 substring()
메소드에 의해 변경되지 않습니다. 새 문자열을 반환합니다.
통사론:
let string = 'Hello world!';
let result = string.substring(1, 5); // result will be "ello"
이제 substring()
메서드를 사용하여 특정 위치에서 원하는 문자를 변경하려는 문자열을 초기화합니다. 변경할 문자와 인덱스를 제공해야 합니다.
<script>
let string = "Delft stack is the b_st website to learn programming" // here we want to change "_" with "e"
function changeChar() {
let result = setCharOnIndex(string,20,'e');
console.log("Original string : "+string)
console.log("Updated string : "+result)
}
function setCharOnIndex(string,index,char) {
if(index > string.length-1) return string;
return string.substring(0,index) + char + string.substring(index+1);
}
changeChar()
</script>
출력:
"Original string : Delft stack is the b_st website to learn programming"
"Updated string : Delft stack is the best website to learn programming"
예제 코드 설명:
- 위 JavaScript 소스 코드에서 맞춤법 오류가 포함된 문자열을 초기화했습니다.
- 문자열, 인덱스 및 문자를 인수로 사용하는 사용자 지정 함수
setCharOnIndex()
를 선언했습니다. - 제공된 인덱스에서 기본
substring()
메서드를 사용하여 전달된 문자열을 두 부분으로 나눕니다. - 그런 다음 중간에 전달된 문자를 연결하고 문자열을 완성했습니다.
- 업데이트된 문자열을 표시하여 결과를 확인하고 방법의 작동을 차별화했습니다.
setCharOnIndex()
함수를 호출한changeChar()
함수를 선언했습니다.- 콘솔 로그 상자에서 출력을 볼 수 있습니다.
JavaScript에서 split()
및 join()
을 사용하여 문자열 문자 변경
JavaScript에서 split()
은 선언된 문자열을 하위 문자열 배열로 분할하는 미리 정의된 메서드입니다. 원래 문자열은 split()
메서드에 의해 변경되지 않습니다. 문자열 문자의 새 배열을 반환합니다.
join()
메서드는 배열에서 문자열을 반환합니다. 원래 어레이는 변경되지 않습니다.
문자열에서 join()
과 함께 split()
메서드를 사용하여 임의의 위치에서 문자를 변경할 수 있습니다. 맞춤법 오류가 있는 문자열을 초기화하고 원하는 인덱스 또는 위치에서 문자를 변경하기 위해 split()
및 join()
메서드를 테스트합니다.
예제 코드:
<script>
let string = "Delft stack is the b_st website to learn programming"; // here we want to change "_" with "e"
let array = string.split(''); // converting into an array
array[20] = "e"; // added "e" in the place of "_"
let result = array.join(''); // created string again
console.log("Original string : "+string)
console.log("Updated string : "+result)
</script>
출력:
"Original string : Delft stack is the b_st website to learn programming"
"Updated string : Delft stack is the best website to learn programming"
예제 코드 설명:
- 다시, 위의 JavaScript 소스 코드에서 맞춤법 오류가 포함된 문자열을 초기화했습니다.
split()
메서드 문자열을 사용하여 문자열을 하위 문자열 배열로 분할했습니다.- 인덱스 20의
e
문자를_
로 변경하도록 지정했습니다. - 그런 다음
join()
메서드를 사용하여 변경된 최종 배열에서 다시 문자열을 생성했습니다. - 마지막으로 업데이트된 문자열을 표시하여 결과를 확인하고 메서드 작동을 차별화했습니다.
- 콘솔 로그 상자의 출력을 확인하십시오.