JavaScript 中替换字符串中的最后一个字符
JavaScript 中要替换字符串中的最后一个字符:
-
使用
String.slice()
方法获取字符串的一部分,直到最后一个字符。 -
使用加法
+
运算符添加替换项。 - 新的仍然会在末尾包含替换字符。
const str = 'Hello World.';
const replaced = str.slice(0, -1) + '!';
console.log(replaced); // 👉️ Hello World!
JavaScript 索引是从零开始的。 字符串中第一个字符的索引为 0,最后一个字符的索引为
str.length - 1
。
我们传递给 String.slice
方法的参数是:
- start 索引 - 要包含在返回字符串中的第一个字符的索引。
- stop 索引 - 上升到但不包括该索引。 负索引表示距字符串末尾的偏移量。
传递负索引参数 -1 和
str.length - 1
是一样的。 我们指示slice
方法向上移动,但不包括字符串中的最后一个字符。
通过获取字符串的一部分,但不包括最后一个字符,我们可以用一个或多个字符替换它。
如果我们需要用多个字符替换最后一个字符,这种方法也适用。
const str = 'Hello World.';
const replaced = str.slice(0, -1) + '!!!';
console.log(replaced); // 👉️ Hello World!!!
slice
方法不改变原始字符串的内容,它返回一个包含原始字符串的一部分的新字符串。
另一种但也是非常常见的方法是使用 String.replace
方法。
使用 replace() 替换字符串中的最后一个字符
使用 String.replace()
方法替换字符串中的最后一个字符,例如 const replaced = str.replace(/.$/, 'replacement');
。 replace
方法将返回一个新字符串,其中最后一个字符被提供的替换字符替换。
const str = 'Hello World.';
const replaced = str.replace(/.$/, '!');
console.log(replaced); // 👉️ Hello World!
我们传递给 replace
方法的参数是:
- 要在字符串中匹配的正则表达式
- 正则表达式第一个匹配项的字符串替换
正斜杠
//
标记正则表达式的开始和结束。
点号 .
在我们正则表达式中的字符匹配任何单个字符。
$
字符匹配字符串的末尾。
这满足了我们匹配和替换字符串中最后一个字符的要求。
如果您在阅读正则表达式时需要帮助,请查看 MDN 提供的正则表达式速查表。
replace
方法不会改变原始字符串,它会返回一个新字符串。 字符串在 JavaScript 中是不可变的。
与使用 replace()
相比,我更喜欢使用 slice()
方法,因为许多开发人员不熟悉正则表达式。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法