在 JavaScript 中更改字符串字符

本文介绍了如何在JavaScript中利用substring(), split() 和 join() 方法来更改字符串中的字符。通过示例代码展示了如何在指定位置替换字符,以及使用split()和join()组合实现相同功能。这些方法有助于理解字符串操作并解决编程中的类似问题。
摘要由CSDN通过智能技术生成

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

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

目录

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

2.在JavaScript中使用split() and更改字符串字符join()


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

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

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

句法: 

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

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

<script>

let string = "Delft stack 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()

</script>

输出: 

"Original string : Delft stack is the b_st website to learn programming"

"Updated string : Delft stack is the best website to learn programming"

 示例代码说明:

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

2.在JavaScript中使用split() and更改字符串字符join()

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

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

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

示例代码:

<script>

let string = "Delft stack 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)

</script>

 输出:

"Original string : Delft stack is the b_st website to learn programming"

"Updated string : Delft stack is the best website to learn programming"

示例代码说明:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值