迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中替换字符串中的最后一个字符

作者:迹忆客 最近更新:2022/12/23 浏览次数:

要替换字符串中的最后一个字符:

  1. 使用 String.slice() 方法获取字符串的一部分,直到最后一个字符。
  2. 使用加法 + 运算符添加替换项。
  3. 新的仍然会在末尾包含替换字符。
const str = 'Hello World.';

const replaced = str.slice(0, -1) + '!';
console.log(replaced); // 👉️ Hello World!

JavaScript 中替换字符串中的最后一个字符

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 方法的参数是:

  1. 要在字符串中匹配的正则表达式
  2. 正则表达式第一个匹配项的字符串替换

正斜杠 // 标记正则表达式的开始和结束。点 . 在正则表达式中表示匹配任何单个字符。$ 字符匹配字符串的末尾。

这满足了我们匹配和替换字符串中最后一个字符的要求。

如果在阅读正则表达式时需要帮助,请查看我们的正则表达式教程

replace 方法不会改变原始字符串,它会返回一个新字符串。 字符串在 JavaScript 中是不可变的。

与使用 replace() 相比,我更喜欢使用 slice() 方法,因为许多开发人员不熟悉正则表达式。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

Do you understand JavaScript closures?

发布时间:2025/02/21 浏览次数:108 分类:JavaScript

The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.

Do you know about the hidden traps in variables in JavaScript?

发布时间:2025/02/21 浏览次数:178 分类:JavaScript

Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av

How much do you know about the Prototype Chain?

发布时间:2025/02/21 浏览次数:150 分类:JavaScript

The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start

JavaScript POST

发布时间:2024/03/23 浏览次数:96 分类:JavaScript

本教程讲解如何在不使用 JavaScript 表单的情况下发送 POST 数据。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便