Wie verkette ich zwei Strings in JavaScript, sodass der zweite String am Ende des ersten Strings verkettet werden muss?-js-Tutorial-php.cn

如何在 JavaScript 中连接两个字符串，以便第二个字符串必须连接在第一个字符串的末尾？

concat()-Methode

Die grundlegende Operation zum Kombinieren zweier Zeichenfolgen ist die Verkettung. Die String-Zusammensetzung ist ein wesentlicher Bestandteil der Programmierung. Bevor wir uns mit der „String-Verkettung in JavaScript“ befassen, müssen wir uns zunächst mit den Grundlagen vertraut machen. Wenn der Interpreter Operationen ausführt, wird eine neue Zeichenfolge generiert.

Um einen neuen String zu erstellen, verkettet die Methode concat() den aufrufenden String und das String-Argument. Weder die Anfangszeichenfolge noch die zurückgegebene Zeichenfolge sind von Änderungen betroffen.

Beim Verketten werden String-Werte zunächst aus Parametern vom Typ Nicht-String konvertiert.

Grammatik

Das Folgende ist die Syntax der concat()-Methode

concat(str1)
concat(str1, str2)
concat(str1, str2, ... , strN)

Nach dem Login kopieren

Herr. Nein	Parameter und Beschreibung
1	strN String-Verkettung eines oder mehrerer Strings

Rückkehr

Die

concat()-Methode generiert eine neue Zeichenfolge, indem sie die ursprüngliche Zeichenfolge und den als Argument übergebenen Zeichenfolgenwert verkettet.

Beispiel 1

Diese Methode gibt eine neue Zeichenfolge zurück, die die beiden Eingabezeichenfolgen kombiniert. Die angegebenen oder eingegebenen Zeichenfolgen werden in keiner Weise geändert. Das angegebene Argument muss unbedingt ein String sein, was den Nachteil der concat()-Methode darstellt.

Diese Methode akzeptiert Nicht-String-Parameter, aber wenn die angegebene Zeichenfolge gleich Null ist, wird ein TypeError ausgelöst. Da Zeichenfolgen in JavaScript außerdem unveränderlich sind, ändert die Methode concat() die Zeichenfolge nicht wirklich.

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first
string in JavaScript - TutorialsPoint</title>
<head>
<meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let string1 = "Tutorialspoint is the best ";
      let string2 = "website available ";
      let string3 = "for online education.";
      let concatRes = string1.concat(string2, string3); document.getElementById("result").innerHTML =concatRes;
   </script>
</body>
</html>

Nach dem Login kopieren

Beispiel 2

In diesem Beispiel wollen wir verstehen, wie leere String-Variablen verkettet werden. Wir verketten einen einfachen String-Wert mit einer leeren String-Variablen mithilfe der concat()-Methode.

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let tutpoint_string = ''; document.getElementById("result").innerHTML =tutpoint_string.concat('Visit ','Tut','orials','point!');
   </script>
</body>
</html>

Nach dem Login kopieren

Beispiel 3

Um zwei Zahlen zu addieren, verwenden wir den Operator +. JavaScript kann auch die Verkettung von Zeichenfolgen implementieren. Der +-Operator hat beim Kombinieren von Zeichenfolgen eine eindeutige Eigenschaft. Sie können an eine vorhandene Zeichenfolge anhängen, um sie zu ändern, oder einfach eine neue Zeichenfolge erstellen.

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first
string in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let firstStr = 'Tutorials Point is a ';
      let secondStr = ' ';
      let thirdStr = 'leading Ed Tech company';
      document.getElementById("result").innerHTML =firstStr+secondStr+thirdStr;
   </script>
</body>
</html>

Nach dem Login kopieren

string.padEnd()-Methode

Die Methode

string.concat() kann zur Verkettung verwendet werden. Es liefert jedoch keine Informationen wie die Länge der Zeichenfolge nach der Verkettung oder die genaue Zahl, die hinzugefügt werden muss.

Javascript stellt daher die Methode string.padEnd() zur Verfügung, um dieses Problem zu lösen. Dieser Prozess erfordert zwei Parameter. Der erste ist die Länge und der zweite ist die zusätzliche Zeichenfolge, die an die ursprüngliche Zeichenfolge angehängt werden muss.

Verwenden Sie die Funktion padEnd(), um eine Zeichenfolge mit anderen Zeichenfolgen aufzufüllen. Dies geschieht, damit eine Zeichenfolge auf eine bestimmte Länge aufgefüllt werden kann.

Am Ende der Saite wird rechts eine Polsterung angebracht. Daher wird es auch Rechtspolsterung genannt.

Grammatik

padEnd(targetLength)
padEnd(targetLength, padString)

Nach dem Login kopieren

Herr. Nein	Parameter und Beschreibung
1	Ziellänge Die gewünschte Länge der endgültigen Saite nach dem Auffüllen.
2	pad_string Optional. Die bereitgestellte Zeichenfolge wird am Ende der Zeichenfolge aufgefüllt. Wenn diese Option weggelassen wird, ersetzt die Methode padEnd() Auffüllzeichen durch Leerzeichen.

Herr. Nein

Parameter und Beschreibung

Ziellänge

Die gewünschte Länge der endgültigen Saite nach dem Auffüllen.

pad_string

Optional. Die bereitgestellte Zeichenfolge wird am Ende der Zeichenfolge aufgefüllt. Wenn diese Option weggelassen wird, ersetzt die Methode padEnd() Auffüllzeichen durch Leerzeichen.

padEnd 方法的返回值是一个在结尾处按给定字符串加长的字符串。

示例 4

在示例中让我们了解如何使用 padEnd() 方法。我们给firstString 字符串值“TutorialsPoint”，并使用padEnd() 方法在其末尾添加了一个“$”符号。此外，我们在方法内给出 20 作为 targetLength。

因此，该方法返回 20 个字符长的最终字符串 " Tutorialspoint$$$$$$。”

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let firstString = "Tutorialspoint";
      let paddfirstStr= firstString.padEnd(20, "$");
      document.getElementById("result").innerHTML =paddfirstStr;
   </script>
</body>
</html>

Nach dem Login kopieren

示例 5

在这个例子中，让我们了解在 padEnd() 中使用多字符 padString。在下面的示例中，我们调用了 padEnd() 并给它一个字符串，“是在线教程”，我们给了 paddSecondStr结果。

该过程通过附加“是在线教程”来扩展“Tutorialspoint”，直到最终字符串的长度为 26 个字符。 paddSecondStr 返回的最终字符串“Tutorialspointis online tu”长度为 26。

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
      <div id="result"></div>
<body>
   <script>
      let firstString = "Tutorialspoint ";
      let paddSecondStr= firstString.padEnd(26, 'is online tutorials');
      document.getElementById("result").innerHTML =paddSecondStr;
   </script>
</body>
</html>

Nach dem Login kopieren

示例 6

在此示例中，让我们了解在 padEnd() 中使用 Long padString。

在下面的示例中，“带有教程点的 JavaScript”已作为 padString 传递。通过 padEnd() 方法对指定的 padString 进行修剪，使填充后的字符串长度等于 targetLength (21)。

因此，firstString.padEnd(21, "JavaScript withtutorialspoint") 返回长度为 21 的最终字符串“Learn JavaScript with”。

<!DOCTYPE html>
<html>
   <title>How to concatenate two strings so that the second string must concatenate at the end of first string in JavaScript - TutorialsPoint</title>
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
   <div id="result"></div>
<body>
   <script>
      let firstString = "Learn ";
      let paddThirdStr= firstString.padEnd(21, 'JavaScript with tutorialspoint');
      document.getElementById("result").innerHTML =paddThirdStr;
   </script>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie verkette ich zwei Strings in JavaScript, sodass der zweite String am Ende des ersten Strings verkettet werden muss?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!