JavaScript 如何用另一个值替换字符串的一部分

我们可以用多种方式替换字符串的一部分。下面列出了常用的几种方法，并且用示例进行了描述。

1. JavaScript replace() 方法
2. Javascript split() 方法
3. Javascript join() 方法

JavaScript replace() 方法： 我们可以使用replace() 方法来替换字符串的一部分。JavaScript有一个内置方法叫做replace，它允许您用另一个字符串或正则表达式来替换字符串的一部分。然而，原始字符串将保持不变。

语法：

string.replace(searchvalue, newvalue)

第一个参数用于在整个字符串中搜索一个字符串，并用新字符串替换搜索到的字符串。该函数返回一个新的字符串，但原始字符串保持不变。

示例1：

HTML

<script> 
    let string = "GeeksForGeeks"; 
    /* It first search 'For' in original string then it will  
    replace the searched string('For') with new string ('and') */ 
  
    let replaced_string = string.replace("For", "and"); 
    console.log("The original string is " + string); 
    console.log("The replaced string is " + replaced_string); 
</script>

输出：

The original string is GeeksForGeeks
The replaced string is GeeksandGeeks

我们还可以使用两个内置的javascript函数split 和join 函数结合起来完成这个任务。

Javascript split()方法: split函数是javascript的内置函数，用于将一个字符串分割成子字符串数组。此函数接受两个可选参数作为参数，如分隔符和限制。分隔符是字符串或属于原始字符串的任何字符。使用此字符（或正则表达式）进行分割。如果省略此字符，则将原始字符串作为数组返回。limit是一种整数类型，用于指示进行的拆分数量。

string.split(separator,limit)

JavaScript join() 方法： join() 方法是 JavaScript 内置函数，用于连接数组元素并将其作为字符串返回。该方法只有一个可选参数。

array.join(separator)

示例 2： 在这里，我们使用方法链接 同时使用这两种方法。

HTML

<script> 
    let string = "GeeksForGeeks"; 
    /* split method split the string into an  
       array(['Geeks','Geeks']) and the join method will  
       join the string with another string ('and') */ 
  
    let replaced_string = string.split("For").join("and"); 
    console.log("The replaced string is " + replaced_string); 
    console.log("The original string is " + string); 
</script>

输出:

The replaced string is GeeksandGeeks
The original string is GeeksForGeeks