给定一个字符串, 如何使用 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
来源: http://www.css88.com/qa/javascript/10447.html