Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte grafische Erläuterung zweier Methoden zum Konvertieren von Arrays in Strings in JavaScript

yulia
Freigeben: 2018-10-09 14:22:35
Original
20472 Leute haben es durchsucht

JavaScript wird häufig in der Front-End-Entwicklung verwendet. Wissen Sie also, wie man ein JS-Array in einen String umwandelt? In diesem Artikel erfahren Sie mehr über die Methode zum Konvertieren von JS-Array-Objekten in Strings. Ich hoffe, er kann Ihnen helfen.

1. Join konvertiert das Array in einen String

Die Methode join() kann alle Elemente im Array in einen String konvertieren, und alle gängigen Browser unterstützen Join( ) Methode.

Beispiel: Definieren Sie ein Array, klicken Sie auf die Schaltfläche, um das Array in eine Zeichenfolge umzuwandeln, und zeigen Sie den Typ und das Ergebnis auf der Seite an.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.join(&#39;&#39;);
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
</html>
Nach dem Login kopieren

Rendering:

Detaillierte grafische Erläuterung zweier Methoden zum Konvertieren von Arrays in Strings in JavaScript

Die Methode „join()“ kann verschiedene Trennzeichen festlegen, um den Inhalt in der Zeichenfolge zu trennen. Beispielsweise kann join(‘/’) die folgenden Effekte erzielen.

Rendering:

Detaillierte grafische Erläuterung zweier Methoden zum Konvertieren von Arrays in Strings in JavaScript

2. toString wandelt das Array in einen String um

toString()-Methode auch Array Objekte können in Strings konvertiert werden und alle gängigen Browser unterstützen die toString-Methode, sie kann jedoch keine Trennzeichenstile festlegen.

Beispiel: Definieren Sie ein Array, klicken Sie auf die Schaltfläche, um das Array in eine Zeichenfolge umzuwandeln, und zeigen Sie den Typ und das Ergebnis auf der Seite an. Die Wirkung der Methode

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
Nach dem Login kopieren

toString() ist die gleiche wie im Bild oben.

Oben werden zwei Methoden zum Konvertieren von JS-Arrays in Zeichenfolgen vorgestellt, eine ist die Funktionsmethode join () und die andere die toString-Methode, aber die Methode join () kann den Stil des Trennzeichens festlegen Die toString-Methode ist standardmäßig das Komma-Trennzeichen. Die spezifische Methode, die Sie bei der Arbeit wählen, hängt von Ihren persönlichen Gewohnheiten und Projektanforderungen ab. Ich hoffe, dass dieser Artikel für Sie hilfreich ist. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial php Charity Training

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erläuterung zweier Methoden zum Konvertieren von Arrays in Strings in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage