JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibt

Im vorherigen Artikel „JS-Array-Lernen: So löschen Sie jedes Element basierend auf dem Array-Index“ haben wir die Methode vorgestellt, den Löschoperator oder die splice()-Methode zum Löschen von Array-Elementen basierend auf dem Array-Index zu verwenden. Dieses Mal lernen und üben wir weiterhin JavaScript-Arrays und sehen, wie man Arrays in Strings umwandelt. ~

Das Thema dieses Artikels lautet: Zusammenfügen aller Elemente im Array in einen String Das heißt, das Array in einen String umwandeln. Zum Beispiel das folgende Array:

arr = [1,2,3,4,5,6,7,8,9,0];

Sie möchten alle darin enthaltenen Elemente zusammenfügen und eine Zeichenfolge zurückgeben, z. B. „1234567890“ oder „1,2,3,4,5,6“. , 7,8,9,0", wie geht das? Im Folgenden stellen wir verschiedene Methoden vor. 1234567890”或者“1,2,3,4,5,6,7,8,9,0”，这要怎么操作？下面我们介绍几种方法。

方法一：使用for循环遍历数组，拼接每个数组元素

遍历数组我们使用for循环；拼接可以利用字符串连接运算符“+”、也可使用concat()方法（具体可以阅读文章《JS字符串学习之巧用函数来连接多个字符串》）

我们看看实现代码：

var arr = [1,2,3,4,5,6,7,8,9,0];
var i,str="";
for(i=0;i<arr.length;i++){  //循环遍历数组
	//拼接
	str=str.concat(arr[i]);
	//str=str + arr[i];
}
console.log(str);

输出结果：

说明：这种方法适用于一维数组转字符串。

方法二：使用toString()方法

toString()可以把每个元素转换为字符串，然后以逗号连接输出显示。（注：toString()方法不支持自定义分隔符！）

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.toString();
console.log(str);

toString()方法可以处理多维数组，会以迭代的方式把所有数组都转换为字符串。

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.toString();
console.log(str);

方法三：使用join()方法

array.join(separator)方法用于把数组 array 中的所有元素放入一个字符串，每个元素可以使用 separator参数设置的分隔符进行分隔；如果省略该参数，则默认使用逗号“,”分隔（这就和toString()方法的输出一样了）。

var arr = [1,2,3,4,5,6,7,8,9,0];
var str1,str2,str3;
str1=arr.join();
str2=arr.join('-');
str3=arr.join('==');
console.log(str1);
console.log(str2);
console.log(str3);

如果不想有分隔符，那么可以设置separator参数为空字符串（''）;

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.join('');
console.log(str);

join()方法也可以处理多维数组，不过需要省略参数，输出和toString()一样：

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.join();
console.log(str);

说明：

如果数组中包括了对象（非简单类型），那么调用join()和toString()方法所出来的结果，无论该元素的内容是什么，都是显示[object Object]

Methode 1: Verwenden Sie eine for-Schleife, um das Array zu durchlaufen und jedes Array-Element zu verbinden

Wir verwenden eine for-Schleife, um das Array zu durchlaufen; zum Spleißen können Sie den String-Verbindungsoperator „+“ oder concat( ) Methode (Einzelheiten finden Sie im Artikel „JS-String-Lerntipps: Verwenden Sie Funktionen zum Verbinden mehrere Zeichenfolgen

》)

Werfen wir einen Blick auf den Implementierungscode:

var arr = [{姓名: '李华'}, '张三', '李四'];

console.log(arr.toString()); // "[object Object],张三,李四"
console.log(arr.join()); // "[object Object],张三,李四"

Ausgabeergebnis: 🎜🎜Hinweis: Diese Methode eignet sich zum Konvertieren eindimensionaler Arrays in Strings. 🎜🎜Methode 2: Verwenden Sie die toString()-Methode🎜🎜toString() kann jedes Element in einen String konvertieren und die Ausgabe dann zur Anzeige mit Kommas verbinden. (Hinweis: Die toString()-Methode unterstützt keine benutzerdefinierten Trennzeichen!) .png" alt="JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibt"/>Die Methode 🎜🎜toString() kann mehrdimensionale Arrays verarbeiten und alle Arrays iterativ in Strings konvertieren. 🎜rrreee🎜🎜🎜 Methode 3: Verwenden Sie die Methode „join()“🎜🎜array.join(separator)Die Methode wird verwendet, um alle Elemente im Array in eine Zeichenfolge einzufügen Verwenden Sie zum Trennen das durch den Parameter separator festgelegte Trennzeichen. Wenn dieser Parameter weggelassen wird, werden standardmäßig Kommas „,“ zum Trennen verwendet (dies entspricht der Ausgabe). der toString()-Methode). 🎜rrreee🎜🎜🎜 Wenn Sie kein Trennzeichen wünschen, können Sie den Trennzeichenparameter auf eine leere Zeichenfolge ('');🎜rrreee🎜🎜🎜join()-Methode kann auch mehrdimensionale Arrays verarbeiten, die Parameter müssen dies jedoch tun weggelassen werden, und die Ausgabe ist die gleiche wie bei toString(): 🎜 rrreee🎜🎜🎜Hinweis:🎜🎜Wenn das Array Objekte (nicht einfache Typen) enthält, werden die Ergebnisse des Aufrufs von join() und toString() Methoden werden unabhängig vom Inhalt des Elements als [object Object]String angezeigt. 🎜rrreee🎜🎜🎜🎜Im Allgemeinen wird in tatsächlichen Szenarien die Methode „join()“ häufiger verwendet. 🎜🎜Okay, das ist alles. Wenn Sie es brauchen, können Sie lesen: 🎜Javascript-Tutorial für Fortgeschrittene🎜🎜

Das obige ist der detaillierte Inhalt vonJS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!