在 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更改字符串字符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS随机调用指定函数的方法

    JS随机调用指定函数的方法

    这篇文章主要介绍了JS随机调用指定函数的方法,涉及javascript定时器的相关使用技巧,需要的朋友可以参考下
    2015-07-07
  • script标签属性type与language使用选择

    script标签属性type与language使用选择

    很多使用javascript的朋友都有着这样一个问题:script标签属性type与language使用应如何选择,为解决此疑惑,本文详细整理了一下,需要的朋友可以参考下
    2012-12-12
  • JavaScript创建对象的常用方式总结

    JavaScript创建对象的常用方式总结

    这篇文章主要介绍了JavaScript创建对象的常用方式,结合实例形式总结分析了javascript面向对象程序设计中对象创建的常见方式、相关操作技巧与注意事项,需要的朋友可以参考下
    2018-08-08
  • 打造通用的匀速运动框架(实例讲解)

    打造通用的匀速运动框架(实例讲解)

    下面小编就为大家带来一篇打造通用的匀速运动框架(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • JavaScript mixin实现多继承的方法详解

    JavaScript mixin实现多继承的方法详解

    这篇文章主要介绍了JavaScript mixin实现多继承的方法,结合实例形式分析了mixin多继承的原理与具体实现技巧,需要的朋友可以参考下
    2017-03-03
  • JavaScript输出当前时间Unix时间戳的方法

    JavaScript输出当前时间Unix时间戳的方法

    这篇文章主要介绍了JavaScript输出当前时间Unix时间戳的方法,涉及javascript中Date及getTime等函数操作时间的使用技巧,需要的朋友可以参考下
    2015-04-04
  • ES6学习笔记之let、箭头函数和剩余参数

    ES6学习笔记之let、箭头函数和剩余参数

    ES6为我们在函数的使用上也提供了许多的便捷的东西,下面这篇文章主要给大家介绍了关于ES6学习笔记之let、箭头函数和剩余参数的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • 原生JavaScript和Vue实现从百度地图抓取经纬度

    原生JavaScript和Vue实现从百度地图抓取经纬度

    在前端开发中,使用百度地图 API 来获取用户的经纬度是一种常见需求,本文提供了使用原生 JavaScript 和 Vue.js 实现从百度地图抓取经纬度的详细示例,需要的可以了解下
    2024-11-11
  • JavaScript如何对图片进行黑白化

    JavaScript如何对图片进行黑白化

    这篇文章主要介绍了JS对图片进行黑白化的实现代码,需要的朋友可以参考下
    2018-04-04
  • 如何判断微信内置浏览器(通过User Agent实现)

    如何判断微信内置浏览器(通过User Agent实现)

    在进行微信公众账号开发的时候,需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢?这是就只有通过浏览器的User Agent来进行判断了
    2014-09-09

最新评论