×

JS删除字符串中的字符

作者:andy0012020.01.07来源:Web前端之家浏览:14292评论: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>

预览看下吧。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js9IEiierweiorp.html

网友评论文明上网理性发言 已有0人参与

发表评论: