迹忆客 专注技术分享

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

在 JavaScript 中更改字符串字符

作者:迹忆客 最近更新:2023/06/04 浏览次数:

JavaScript 中没有内置或默认方法可以直接更改字符串中的字符,但我们可以借助其他字符串方法(如 substring()split()join())来完成此操作。

在本文中,我们将创建自定义函数,借助不同示例的默认字符串方法,在我们想要的任何位置替换或更改字符串中的字符。


在 JavaScript 中使用 substring() 更改字符串字符

substring() 方法是 JavaScript 中预定义的方法,我们在字符串上使用它来借助索引提取字符串的定义字符。 它从完整声明的字符串中搜索定义的索引,并提取从头到尾的部分。

substring() 方法不会改变原始字符串。 它返回新字符串。

语法:

let string = "Hello world!";
let result = string.substring(1, 5); // result will be "ello"

现在,通过使用 substring() 方法,我们将初始化要在特定位置更改所需字符的字符串。 我们将需要提供我们想要更改的所需字符和索引。


let string = "jiyik is the b_st website to learn programming" // here we want to change "_" with "e"

function changeChar() {
    let result = setCharOnIndex(string,20,'e');
    console.log("Original string : "+string)
    console.log("Updated string : "+result)
}

function setCharOnIndex(string,index,char) {
    if(index > string.length-1) return string;
    return string.substring(0,index) + char + string.substring(index+1);
}

changeChar()

输出:

"Original string : jiyik is the b_st website to learn programming"

"Updated string : jiyik is the best website to learn programming"

示例代码解释:

  1. 我们在上面的 JavaScript 源代码中初始化了一个包含拼写错误的字符串。
  2. 我们已经声明了一个自定义函数 setCharOnIndex(),它将一个字符串、索引和字符作为参数。
  3. 在提供的索引上,它将使用默认的 substring() 方法将传递的字符串分成两部分。
  4. 然后,我们连接中间传递的字符并最终确定字符串。
  5. 我们显示了更新后的字符串以查看结果并区分方法的工作方式。
  6. 我们已经声明了我们调用 setCharOnIndex() 函数的 changeChar() 函数。
  7. 您可以在控制台日志框中看到输出。

在 JavaScript 中使用 split() 和 join() 更改字符串字符

在 JavaScript 中,split() 是一个预定义的方法,它将声明的字符串拆分为子字符串数组。 原始字符串不会被 split() 方法改变; 它返回一个新的字符串字符数组。

join() 方法从数组中返回一个字符串。 它不会改变原来的数组。

我们可以在字符串上使用 split() 方法和 join() 来更改任何位置的字符。 我们将初始化带有拼写错误的字符串,并测试 split()join() 方法以更改任何所需索引或位置处的字符。

示例代码:

let string = "jiyik is the b_st website to learn programming"; // here we want to change "_" with "e"
let array = string.split(''); // converting into an array
array[20] = "e"; // added "e" in the place of "_"
let result = array.join(''); // created string again
    console.log("Original string : "+string)
    console.log("Updated string : "+result)

输出:

"Original string : jiyik is the b_st website to learn programming"

"Updated string : jiyik is the best website to learn programming"

示例代码解释:

  1. 同样,我们在上面的 JavaScript 源代码中初始化了一个包含拼写错误的字符串。
  2. 我们使用 split() 方法将字符串拆分为子字符串数组。
  3. 我们已将索引 20 上的 e 字符指定为随 _ 变化。
  4. 然后,我们使用 join() 方法从已更改的最终数组再次生成字符串。
  5. 最后,我们显示更新后的字符串以查看结果并区分方法的工作方式。
  6. 查看控制台日志框中的输出。

转载请发邮件至 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

用 jQuery 检查复选框是否被选中

发布时间:2024/03/24 浏览次数:102 分类:JavaScript

在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的

扫一扫阅读全部技术教程

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

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便