資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究使用 JavaScript 在另一個字串的指定位置插入字串
本文將教你如何在另一個字串中插入字串。
JavaScript 沒有提供直接的方法來實現這一點。為此，我們可以使用 slice 方法。slice 方法提取字串的一部分並返回一個新字串。除了slice()方法外，我們還可以使用join()和substr()方法。
使用 String 類的 slice() 方法
此slice()方法獲取字串的一部分並返回從字串中提取的部分，並建立一個新字串。以下是 slice() 方法的語法。
String.slice(start, end);
以下是此方法的引數：
開始 - 開始引數是必需的。它標識從哪裡開始提取。第一個字元從字串中的索引 0 開始。
結束 - 此引數是可選的。它指定停止提取的位置。如果未使用，則 slice() 會從開始位置選擇所有字元到末尾。
返回值 - 它返回一個字串，表示字串的提取部分。
示例
讓我們來看一個例子：
<!DOCTYPE html>
<html>
<head>
<title>Insert the string at position X of another string in javascript.</title>
</head>
<body>
<script>
function insertAtX(str1, str2, x) {
return `${str1.slice(0, x)}${str2}${str1.slice(x)}`
}
document.write(insertAtX("Hello World", "Test", 5));
</script>
</body>
</html>
使用 Array 類的 join() 方法
此方法將陣列中的元素新增到字串中並返回該字串。元素將由指定的分割符分隔。預設情況下，逗號 (,) 被視為分隔符。以下是 join() 方法的語法：
Array.join(separator)
其中分隔符是一個可選引數。它指定要使用的分隔符，預設情況下，此引數的值為逗號 (,)。
此方法返回一個字串，表示陣列值，由定義的分隔符分隔。
示例
在下面的示例中，我們使用slice()和join()方法將一個字串插入另一個字串。
<!DOCTYPE html>
<html>
<head>
<title>Insert the string at position X of another string in javascript.</title>
</head>
<body style="text-align: center" id="body">
<h1 style="color: green">tutorialspoint Easy to Learn</h1>
<p id="demo1"></p>
<button onclick="tutFunc(); ">click here</button>
<p id="demo2"></p>
<script>
var res1 = document.getElementById("demo1");
var res2 = document.getElementById("demo2");
var val1 = "tutorialsLearn";
var val2 = "point Easy to ";
var pos = 9;
//printing both of the string in demo1
demo1.innerHTML = "string first = " + val1 + "<br> string second = " + val2;
function tutFunc() {
//here we are printing new strings after extracted and Joined
demo2.innerHTML = [val1.slice(0, pos), val2, val1.slice(pos)].join("");
}
</script>
</body>
</html>
使用 String 類的 substr() 方法
此方法獲取字串的一部分，從定義位置的字元開始，並返回指定數量的字元。以下是substr()方法的語法。
String.substr(start, length)
其中，
開始標識從哪裡開始提取。字串的第一個字元位於索引 0。
如果開始為正且大於或等於字串的長度，則此方法返回空字串。
如果開始為負，則此方法將其用作從末尾開始的索引。
如果開始為負或大於字串的長度，則開始將用作 0。
長度 - 此引數是可選的。它標識需要提取的字元數。如果未使用，它會提取整個字串。
此方法返回包含提取文字部分的新字串。如果長度為 0 或負數，則返回空字串。
示例
在下面的示例中，我們使用substr()方法將一個字串插入另一個字串。
<!DOCTYPE html>
<html>
<head>
<title>Insert the string at position X of another string in javascript.</title>
</head>
<body style="text-align: center" id="body">
<h1 style="color: green">tutorialspoint Easy to Learn</h1>
<p id="demo1"></p>
<button onclick="tutFunc(); ">click here</button>
<p id="demo2"></p>
<script>
var res1 = document.getElementById("demo1");
var res2 = document.getElementById("demo2");
var val1 = "tutorialsLearn";
var val2 = "point Easy to ";
var pos = 9;
//printing both of the string in demo1
res1.innerHTML =
"string first = " + val1 + "<br> string second = " + val2;
function tutFunc() {
//here we are printing new string after extracted and Joined
res2.innerHTML = val1.substr(0, pos) + val2 + val1.substr(pos);
}
</script>
</body>
</html>
799 次瀏覽
