JavaScript의 문자열에서 문자 제거
Kirill Ibrahim
2023년1월30일
JavaScript에는 문자열에서 특정 문자를 제거하는 다른 방법이 있습니다. JavaScript에서 문자열에서 문자를 제거하는 방법을 소개합니다.
JavaScript에서 정규 표현식과 함께replace()메서드 사용
정규 표현식과 함께replace()메서드를 사용하여 JavaScript의 문자열에서 지정된 문자의 모든 인스턴스를 제거합니다.
JavaScript replace()정규 표현식 구문
replace(/regExp/g, '');
예:
<!DOCTYPE html>
<html>
<head>
<title>
How to remove all instances of the specified character in a string?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<b>
How to remove all instances of the specified character in a string?
</b>
<p>The original string is DelftStack</p>
<p>
New Output is:
<span id="outputWord"></span>
</p>
<button onclick="removeCharacterFromString()">
Remove Character
</button>
<script type="text/javascript">
const removeCharacterFromString = () => {
originalWord = 'DelftStack';
newWord = originalWord.replace(/t/g, '');
document.querySelector('#outputWord').textContent
= newWord;
}
</script>
</body>
</html>
출력:
The original string is DelftStack
New Output is: DelfSack
JavaScript의 지정된 인덱스에서 지정된 문자 제거
문자열에이 문자의 인스턴스가 두 개 이상있을 때 문자를 제거해야하는 경우, 예를 들어 문자열DelftStack에서 문자t를 제거하면slice()메서드를 사용하여 두 개를 얻을 수 있습니다. 주어진 인덱스 앞뒤의 문자열을 연결합니다.
예:
<!DOCTYPE html>
<html>
<head>
<title>
How to remove Specified Character at a Given Index in a string?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<b>
How to remove Specified Character at a Given Index in a string?
</b>
<p>The original string is DelftStack</p>
<p>
New Output is:
<span id="outputWord"></span>
</p>
<button onclick="removeCharacterFromString(5)">
Remove Character
</button>
<script type="text/javascript">
const removeCharacterFromString = (position) => {
originalWord = 'DelftStack';
newWord = originalWord.slice(0, position - 1)
+ originalWord.slice(position, originalWord.length);
document.querySelector('#outputWord').textContent
= newWord;
}
</script>
</body>
</html>
JavaScript에서 문자열의 첫 번째 문자 제거
정규 표현식없이replace()메서드를 사용하여 JavaScript의 문자열에서 문자의 첫 번째 인스턴스 만 제거 할 수 있습니다. 제거 할 문자를 첫 번째 인수로 전달하고 빈 문자열''를 두 번째 인수로 전달합니다.
예:
<!DOCTYPE html>
<html>
<head>
<title>
How to remove First Instance of Character in a string?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<b>
How to remove First Instance of Character in a string?
</b>
<p>The original string is DelftStack</p>
<p>
New Output is:
<span id="outputWord"></span>
</p>
<button onclick="removeCharacterFromString()">
Remove Character
</button>
<script type="text/javascript">
const removeCharacterFromString = () => {
originalWord = 'DelftStack';
newWord = originalWord.replace('t', '');
document.querySelector('#outputWord').textContent
= newWord;
}
</script>
</body>
</html>