在 JavaScript 中如何更改字符串字符

 更新时间:2023年07月03日 15:04:15   作者:迹忆客  
在本文中,我们将创建自定义函数,借助不同示例的默认字符串方法,在我们想要的任何位置替换或更改字符串中的字符,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

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"

示例代码解释:

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

在 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"

示例代码解释:

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

到此这篇关于在 JavaScript 中更改字符串字符的文章就介绍到这了,更多相关js更改字符串字符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 深入理解ES7的async/await的用法

    深入理解ES7的async/await的用法

    本篇文章主要介绍了深入理解ES7的async/await的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 手把手带你入门微信小程序新框架Kbone的使用

    手把手带你入门微信小程序新框架Kbone的使用

    这篇文章主要介绍了手把手带你入门微信小程序新框架Kbone的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 微信小程序实现Session功能及无法获取session问题的解决方法

    微信小程序实现Session功能及无法获取session问题的解决方法

    这篇文章主要介绍了微信小程序实现Session功能及无法获取session问题的解决方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • Js之如何移除Array/数组中指定元素

    Js之如何移除Array/数组中指定元素

    这篇文章主要介绍了Js之如何移除Array/数组中指定元素问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • 图解js图片轮播效果

    图解js图片轮播效果

    这篇文章主要以图片展示的方式向大家讲解了js图片轮播效果的实现方法,对图片轮播实现原理进行了详细介绍,感兴趣的朋友可以参考一下
    2015-12-12
  • 完美的js图片轮换效果

    完美的js图片轮换效果

    这篇文章主要为大家详细介绍了完美的js图片轮换效果,包括左右移动和缓动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • javascript跨域原因以及解决方案分享

    javascript跨域原因以及解决方案分享

    这篇文章主要介绍了javascript跨域原因以及解决方案分享,十分的细致全面,有需要的小伙伴可以参考下。
    2015-04-04
  • Javascript中的var_dump函数实现代码

    Javascript中的var_dump函数实现代码

    发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可。
    2009-09-09
  • 使用js实现关闭js弹出层的窗口

    使用js实现关闭js弹出层的窗口

    本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • WebGame《逆转裁判》完整版 代码下载(1月24日更新)

    WebGame《逆转裁判》完整版 代码下载(1月24日更新)

    WebGame《逆转裁判》完整版 代码下载(1月24日更新)...
    2007-01-01

最新评论