如何使用JavaScript删除字符串中的字符?

给定一个字符串,如何使用JavaScript从给定的字符串中删除一个字符。下面本篇文章就来给大家介绍一些使用JavaScript删除字符串中字符的方法,希望对大家有所帮助。

方法1:使用replace()方法

replace()方法用于将特定字符/字符串替换为其他字符/字符串。它需要两个参数,第一个是要替换的字符串,第二个是要替换的字符串。

在这种情况下,第一个参数是要删除的字符,第二个参数可以作为空字符串给出;这就可以从字符串中删除字符。但此方法删除第一次出现的字符串。

语法:

string.replace('characterToReplace', '');

示例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>

<body> 
    <p>原始字符串是:Hello hgbhggfj!</p> 
      
    <p>新字符串:
        <span class="output"></span> 
    </p> 
      
    <script type="text/javascript">
    	originalString = 'Hello hgbhggfj!'; 
        newString = originalString.replace('H', ''); 
        document.querySelector('.output').textContent = newString; 
    </script> 
</body> 
  
</html>

输出:

原始字符串是:Hello hgbhggfj!
新字符串: ello hgbhggfj!

想要删除所有出现的指定字符,可以将replace()方法与正则表达式一起使用。使用正则表达式而不是字符串以及全局属性。它将选择字符串中的每个匹配项并将其删除。

语法:

string.replace(/regExp/g, '');

示例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>

<body> 
    <p>原始字符串是:hello hgbhggfj!</p> 
      
    <p>新字符串:
        <span class="output"></span> 
    </p> 
      
    <script type="text/javascript">
    	originalString = 'hello hgbhggfj!'; 
        newString = originalString.replace(/h/g, ''); 
  
        document.querySelector('.output').textContent = newString;
    </script> 
</body> 
  
</html>

输出:

原始字符串是:hello hgbhggfj!
新字符串: ello gbggfj!

方法2:使用slice()方法

slice()方法用于提取给定参数之间的字符串部分。此方法获取字符串的起始索引和结束索引,并返回这些索引之间的字符串。如果未指定结束索引,则假定它是字符串的长度。

可以通过将开始索引指定为1来删除第一个字符。它将字符串从第二个字符提取到字符串的结尾。通过将结束索引指定为小于字符串长度的一个,可以删除最后一个字符。这将从字符串的开头提取字符串到第二个到最后一个字符。

语法:

// 删除第一个字符
string.splice(1);

// 删除最后一个字符
string.splice(0, string.length - 1);

示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<p>原始字符串是:hello hgbhggfj!</p>

		<p>删除字符串的第一个字符:
			<span class="output1"></span>
		</p>
		<p>删除字符串的最后一个字符:
			<span class="output2"></span>
		</p>
		<script type="text/javascript">
			originalString = 'hello hgbhggfj!';
			firstCharRemoved = originalString.slice(1);

			lastCharRemoved =
				originalString.slice(0, originalString.length - 1);

			document.querySelector('.output1').textContent = firstCharRemoved;
			document.querySelector('.output2').textContent = lastCharRemoved;
		</script>
	</body>

</html>

输出:

原始字符串是:hello hgbhggfj!
删除字符串的第一个字符: ello hgbhggfj!
删除字符串的最后一个字符: hello hgbhggfj

以上就是如何使用JavaScript删除字符串中的字符?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 答疑