JS删除字符串中的字符

作者：andy0012020.01.07来源：Web前端之家浏览：15499评论:0

关键词：js 删除字符

给定一个字符串，如何使用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>

想要删除所有出现的指定字符，可以将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>

方法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>

预览看下吧。

赏您的支持是我们创作的动力！