迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 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. 查看控制台日志框中的输出。

上一篇:在 JavaScript 中构建字符串

下一篇:没有了

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

本文地址:

相关文章

在 JavaScript 中构建字符串

发布时间:2023/06/04 浏览次数:60 分类:JavaScript

在本文中,我们将通过不同的代码示例学习如何使用连接运算符和一些内置方法(如 JavaScript 中的 join())来生成或构建字符串。

如何在 JavaScript 中压缩字符串

发布时间:2023/06/04 浏览次数:175 分类:JavaScript

在 JavaScript 中,可以有范围很广的压缩,比如 gzip 之类的文件压缩等等。 在这里,我们将讨论两种压缩字符串的方法。在 JavaScript 中使用 js-string-compression 压缩字符串

JavaScript 中的Anagram查找器

发布时间:2023/06/04 浏览次数:61 分类:JavaScript

在本文中,我们将学习 JavaScript 中 anagram 的概念。 我们将学习如何检查一个字符串是否是 JavaScript 中另一个字符串的变位词。

JavaScript String.concat() 方法

发布时间:2023/06/04 浏览次数:112 分类:JavaScript

javaScript String concat() 是一个内置函数,它将字符串连接在一起并返回连接后的字符串。使用 JavaScript String concat() 方法连接两个字符串

JavaScript 中的左修剪字符串

发布时间:2023/06/04 浏览次数:80 分类:JavaScript

使用正则表达式和 replace() 函数在 JavaScript 中左修剪字符串。在 JavaScript 中使用带有 substring() 函数的 while 循环来左修剪字符串

在 JavaScript 中过滤字符串

发布时间:2023/06/04 浏览次数:53 分类:JavaScript

在这里,我们将演示使用具有基本箭头操作和特定条件的 filter() 方法。 此外,我们将看到使用 indexOf()、test() 和 include() 方法来获取满足给定模式的字符串。使用带箭头函数的 filter() 方法在

JavaScript string.includes() 方法

发布时间:2023/06/04 浏览次数:139 分类:JavaScript

JavaScript string.includes() 方法查看一个字符串以检查它是否存在,并根据给定的字符串返回一个布尔值。

在 JavaScript 中循环遍历字典

发布时间:2023/06/03 浏览次数:105 分类:JavaScript

本篇文章将介绍如何在 JavaScript 中迭代对象或字典来提取键值对。使用 Object.entries() 在 JavaScript 中循环遍历字典 我们可以使用 Object.entries() 方法返回给定对象的 [key, value] 对字符串键可枚举属性

扫一扫阅读全部技术教程

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

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便