suchen

Heim >Web-Frontend >js-Tutorial >Wie erstelle ich eine Zeichenfolge durch Verketten von Elementen eines Arrays in JavaScript?

Wie erstelle ich eine Zeichenfolge durch Verketten von Elementen eines Arrays in JavaScript?

WBOY
WBOYnach vorne
2023-08-24 22:25:05982Durchsuche

如何在 JavaScript 中通过连接数组的元素来创建字符串？

In diesem Tutorial lernen wir, wie man einen String erstellt, indem man die Elemente eines Arrays in JavaScript verkettet. Wir werden zwei verschiedene Möglichkeiten sehen, diese Aufgabe zu erfüllen. Die erste Methode besteht darin, den einfachen Additionsoperator (+) zu verwenden, um Array-Elemente und Trennzeichen hinzuzufügen. Die zweite Methode ist die Verwendung der Methode join().

Methode 1: Verwenden Sie den Additionsoperator (+)

Bei dieser Methode übergeben wir zwei Parameter an die Funktion, nämlich das Array von Elementen, die wir verbinden müssen. Der zweite Parameter ist das Trennzeichen, das der Benutzer angeben muss. Im Grunde ist das Trennzeichen ein Zwischenelement, das Zeichenfolgen verkettet Dabei kann zwischen jedem Element des Array-Werts ein Leerzeichen, ein Komma oder ein beliebiges Wort stehen.

Algorithmus

  • Schritt 1 – Erstellen Sie ein Array mit dem Namen arr, das die Elemente enthält. Verwenden Sie das innerHTML-Attribut, um das Array anzuzeigen.

  • SCHRITT 2 – Erstellen Sie eine Variable mit dem Namen ans, um die resultierende Zeichenfolge zu speichern. Initialisieren Sie das Array mit seinem ersten Element.

  • Schritt 3 – Trennzeichen definieren. Wir definieren es als Variable mit Leerzeichen.

  • Schritt 4 – Durchlaufen Sie die Array-Elemente beginnend mit Indexwert 1, da wir das 0-te Element zu einem Stringans initialisiert haben. Verwenden Sie den „+“-Operator, um die Array-Elemente zum Stringans hinzuzufügen .

  • Schritt 5 – Zeigen Sie schließlich die endgültige Zeichenfolge mit dem innerHTML-Attribut an.

Der Pseudocode für den obigen Algorithmus sieht so aus -

var arr=["first", "second", "third", "fourth", "fifth"];
var ans=arr[0];
var separate = " ";
for(var i=1;i<arr.length;i++){
   ans+=separate+arr[i];
}
document.getElementById('writeHere').innerHTML=ans

Wir haben ein Array mit bestimmten Werten und separate Variablen akzeptieren Trennzeichen als Eingabe vom Benutzer.

Wir haben überprüft, ob der Benutzer kein Trennzeichen eingegeben hat. Standardmäßig geben wir das Trennzeichen als Leerzeichen an.

Beispiel

Wir nehmen die ans-Variable mit dem 0.. Array-Element, da das erste Element kein Trennzeichen hat, und beginnen dann mit einer Schleife beginnend beim ersten Index, der der 2.. Wert ist, mit der Iteration und Verkettung aller Array-Elemente parallel in die Variable ans einfügen. Lassen Sie uns den Funktionscode in HTML einbetten. 

<html>
<body>
   <p>arr=["Tutorials", "Point", "Simply", "Easy", "Learning"]</p>
   <input type="text" placeholder="Seperator" id="separate" />
   <input type="button" value="Join" onclick="joinTheArr()" id="JoinBtn"/>
   <p id="writeHere">After joning array is:..</p>
   <script>
      function joinTheArr(){
         var arr=["Tutorials", "Point", "Simply", "Easy", "Learning"];
         var separate=document.getElementById("separate").value
         if(!separate)separate=" "
         console.log(separate)
         var ans=arr[0];
         for(var i=1;i<arr.length;i++){
            ans+=separate+arr[i];
         }
         document.getElementById('writeHere').innerHTML=ans
      }
   </script>
</body>
</html>

Methode 2: Verwenden Sie die Methode „join()“

Die Methode

join() wandelt jedes Element des Arrays in einen String um und verkettet dann alle Strings mithilfe eines Trennzeichens, das der Benutzer definieren muss. Es erscheint schließlich zwischen jedem Array-Element, das in einen String konvertiert wurde gibt ein Array als String zurück. join() verändert das ursprüngliche Array nicht.

Beispiel

Im folgenden Beispiel verwenden wir die Methode join(), um Array-Elemente mit Trennzeichen zu verbinden. 

<!DOCTYPE html>
<html>
<body>
   <p>arr=["first", "second", "third", "fourth", "fifth"]</p>
   <input type="text" placeholder="Seperator" id="separate" />
   <input type="button" value="Join" onclick="joinTheArr()" id="JoinBtn"/>
   <p id="writeHere">After joning array is:<br><br></p>
   <script>
      function joinTheArr(){
         var arr=["first", "second", "third", "fourth", "fifth"];
         var separate=document.getElementById("separate").value
         if(!separate)
         separate=" ";
         arr=arr.join(separate);
         document.getElementById('writeHere').innerHTML+=arr
      }
   </script>
</body>
</html>

Die Idee hier ist, dass wir den Join

arr.join(separate) verwenden und ihn wieder dem Array zuweisen, da der Join das Array als String zurückgibt.

So erstellen wir also einen String, indem wir Array-Elemente verketten.

Das obige ist der detaillierte Inhalt vonWie erstelle ich eine Zeichenfolge durch Verketten von Elementen eines Arrays in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html 运算符 字符串 循环 innerHTML 算法
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Wie stelle ich mit FabricJS die Animationsdauer im Text ein?Nächster Artikel：Wie stelle ich mit FabricJS die Animationsdauer im Text ein?

In Verbindung stehende Artikel

Mehr sehen