Heim >Web-Frontend >js-Tutorial >Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden

Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden

青灯夜游
青灯夜游Original
2021-08-16 16:08:373491Durchsuche

Im vorherigen Artikel „Woher weiß js, ob ein bestimmter Teilstring existiert“ haben wir die Methode vorgestellt, mit der ermittelt werden kann, ob ein bestimmter Teilstring existiert, indem die erste oder letzte Vorkommensposition des Teilstrings im String ermittelt wird. Dieses Mal setzen wir das Studium von JavaScript-Strings fort und stellen mehrere Methoden zum Spleißen von Strings vor.

In JavaScript-Strings denken Sie beim Zusammenfügen von Strings daran, den String-Verkettungsoperator „+“ zu verwenden, um zwei oder mehr String-Variablen zu verbinden: +”,使用它让两个或多个字符串变量连接起来:

var str1 = "Hello";
var str2 = "World";
var splicing = str1+" "+str2;
console.log("str1字符串为:"+str1);
console.log("str2字符串为:"+str2);
console.log("拼接之后的字符串为:"+splicing);

输出结果:

Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden

但除了字符串连接运算符“+”,JavaScript还内置了两个函数concat()或者join(),也可以用来实现字符串的拼接(在特定的代码环境中使用)。下面我们来了解一下:

1、使用concat()方法

concat()方法可以连接两个或多个字符串

var str1 = "Hello";
var str2 = str1.concat(" ","World"," ","!");
console.log("str1字符串为:"+str1); 
console.log("拼接之后的字符串为:"+str2);

分析:string.concat(str1,str2,...,strN)函数可以把多个参数str1,str2,...,strN添加到指定字符串string的尾部,然后返回连接后的字符串。

看看输出结果:

Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden

说明:concat()方法不会修改原字符串的值,因此 string 本身并没有被更改。

2、使用join()方法

join()方法其实是一个数组方法,可以把数组中的所有元素放入一个字符串。

在特定的操作环境中,我们可以借助该 join() 方法来连接字符串,如 HTML 字符串输出等。

var arr=new Array();
arr=["www","php","cn"];
var str=arr.join("");
arr = null;
document.write(str);

看看输出结果:

Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden

在传统浏览器中,使用数组的 join() 方法连接超大字符串时,速度会很快,是推荐的最佳方法。

var s = "JavaScript";
var arr=new Array();
for (var i = 0; i < 10; i ++) {
    arr.push(s);
}
var str=arr.join("-");
arr = null;
document.write(str);

看看输出结果:

Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden可以看出,array.join(分隔符) rrreee

Ausgabeergebnis:

 Tipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden

Aber Zusätzlich zum String-Verkettungsoperator „+“ verfügt JavaScript auch über zwei integrierte Funktionen concat() oder join(), die auch zum Implementieren des String-Spleißens verwendet werden können ). Schauen wir uns das Folgende an: 🎜🎜1. Verwenden Sie die concat()-Methode🎜🎜concat()-Methode kann zwei oder mehr Strings verbinden🎜rrreee🎜Analyse: string.concat(str1 ,str2 ,...,strN)Die Funktion kann mehrere Parameter str1,str2,...,strN am Ende der angegebenen Zeichenfolge string hinzufügen, und Geben Sie dann die verkettete Zeichenfolge zurück. 🎜🎜Sehen Sie sich die Ausgabe an: 🎜🎜2. png🎜🎜Hinweis: Die concat()-Methode ändert den Wert der ursprünglichen Zeichenfolge nicht, sodass string selbst nicht geändert wurde. 🎜🎜2. Verwenden Sie die Methode „join()“ 🎜🎜Die Methode „join()“ ist eigentlich eine Array-Methode, die alle Elemente im Array in einen String einfügen kann. 🎜🎜In bestimmten Betriebsumgebungen können wir die Methode join () verwenden, um Zeichenfolgen zu verbinden, z. B. die Ausgabe von HTML-Zeichenfolgen usw. 🎜rrreee🎜Sehen Sie sich die Ausgabe an: 🎜🎜3 .png🎜🎜Wenn Sie in herkömmlichen Browsern die Methode „join()“ eines Arrays verwenden, um sehr große Zeichenfolgen zu verbinden, ist dies sehr schnell und die am besten empfohlene Methode. 🎜rrreee🎜Sehen Sie sich die Ausgabe an: 🎜🎜4 .pngEs ist ersichtlich, dass die Funktion array.join(separator) das angegebene Trennzeichen verwenden kann, um zwei Elemente im Array-Array zu einer Zeichenfolge zusammenzufügen und auszugeben. 🎜🎜Okay, das ist alles. Wenn Sie es brauchen, können Sie lesen: 🎜Javascript-Tutorial für Fortgeschrittene🎜🎜

Das obige ist der detaillierte Inhalt vonTipps zum Erlernen von JS-Strings: Verwenden Sie Funktionen, um mehrere Strings zu verbinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn