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

青灯夜游
Freigeben: 2021-08-19 14:26:49
Original
4844 Leute haben es durchsucht

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];
Nach dem Login kopieren

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
        
Nach dem Login kopieren

输出结果:

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

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

方法二:使用toString()方法

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

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

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

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

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

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

方法三:使用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);
Nach dem Login kopieren

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

如果不想有分隔符,那么可以设置separator参数为空字符串('');

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

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

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

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

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

说明:

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

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

JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibtWir 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],张三,李四"
Nach dem Login kopieren
Ausgabeergebnis: JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibtHinweis: Diese Methode eignet sich zum Konvertieren eindimensionaler Arrays in Strings. Methode 2: Verwenden Sie die toString()-MethodetoString() 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 JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibt 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 separatorfestgelegte Trennzeichen. Wenn dieser Parameter weggelassen wird, werden standardmäßig Kommas „ ,“ zum Trennen verwendet (dies entspricht der Ausgabe). der toString()-Methode). rrreee JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibtWenn Sie kein Trennzeichen wünschen, können Sie den Trennzeichenparameter auf eine leere Zeichenfolge ( '');rrreee JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibtjoin()-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 JS-Array, das lernt, wie man alle Elemente zusammenfügt und einen String zurückgibtHinweis: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. rrreeeIm 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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!