Comment concaténer deux chaînes en JavaScript pour que la deuxième chaîne doive être concaténée à la fin de la première chaîne ?-js tutoriel-php.cn

Comment concaténer deux chaînes en JavaScript pour que la deuxième chaîne doive être concaténée à la fin de la première chaîne ?

WBOY

Libérer： 2023-09-02 16:33:06

avant

1344 Les gens l'ont consulté

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

Méthode concat()

L'opération de base pour combiner deux chaînes est la concaténation. La composition de chaînes est une partie essentielle de la programmation. Avant de discuter de la « concaténation de chaînes en JavaScript », nous devons d'abord clarifier les bases. Une nouvelle chaîne est générée lorsque l'interpréteur effectue des opérations.

Pour créer une nouvelle chaîne, la méthode concat() concatène la chaîne appelante et l'argument chaîne. Ni la chaîne initiale ni la chaîne renvoyée ne seront affectées par les modifications.

Lors de la concaténation, les valeurs de chaîne sont d'abord converties à partir de paramètres de type non-chaîne.

Grammaire

Voici la syntaxe de la méthode concat()

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

Copier après la connexion

M. Non	Paramètres et description
1	strN Concaténation de chaînes d'une ou plusieurs chaînes

Retour

La méthode

concat() génère une nouvelle chaîne en concaténant la chaîne initiale et la valeur de chaîne passée en argument.

Exemple 1

Cette méthode renvoie une nouvelle chaîne combinant les deux chaînes d'entrée ; elle ne modifie en aucun cas les chaînes données ou d'entrée. L'argument donné doit impérativement être une chaîne, ce qui constitue l'inconvénient de la méthode concat().

Cette méthode accepte les paramètres non-chaînes, mais si la chaîne donnée est égale à null, une TypeError sera levée. De plus, comme les chaînes en JavaScript sont immuables, la méthode concat() ne modifie pas réellement la chaîne.

<!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>

Copier après la connexion

Exemple 2

Dans cet exemple, comprenons comment concaténer des variables de chaîne vides. Nous allons concaténer une valeur de chaîne simple avec une variable de chaîne vide en utilisant la méthode concat().

<!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>

Copier après la connexion

Exemple 3

Pour additionner deux nombres, nous utilisons l'opérateur +. JavaScript peut également implémenter la concaténation de chaînes. L'opérateur + a une propriété unique lors de la combinaison de chaînes. Vous pouvez ajouter un élément à une chaîne existante pour la modifier ou simplement créer une nouvelle chaîne.

<!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>

Copier après la connexion

Méthode string.padEnd()

La méthode

string.concat() peut être utilisée pour la concaténation. Cependant, il ne fournit aucune information telle que la longueur de la chaîne après concaténation ou le nombre précis qu'il faut ajouter.

Javascript fournit donc la méthode string.padEnd() pour aider à résoudre ce problème. Ce processus nécessite deux paramètres. Le premier est la longueur et le second est la chaîne supplémentaire qui doit être ajoutée à la chaîne initiale.

Utilisez la fonction padEnd() pour compléter une chaîne avec d'autres chaînes. Il fait cela pour qu'une chaîne soit complétée jusqu'à une longueur spécifique.

À la fin de la chaîne, un remplissage est appliqué vers la droite. C’est pourquoi on l’appelle également rembourrage droit.

Grammaire

padEnd(targetLength)
padEnd(targetLength, padString)

Copier après la connexion

M. Non	Paramètres et description
1	Longueur cible La longueur souhaitée de la corde finale après le rembourrage.
2	pad_string Facultatif. La chaîne fournie sera complétée à la fin de la chaîne. Si cette option est omise, la méthode padEnd() remplace les caractères de remplissage par des espaces.

M. Non

Paramètres et description

Longueur cible

La longueur souhaitée de la corde finale après le rembourrage.

pad_string

Facultatif. La chaîne fournie sera complétée à la fin de la chaîne. Si cette option est omise, la méthode padEnd() remplace les caractères de remplissage par des espaces.

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>

Copier après la connexion

示例 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>

Copier après la connexion

示例 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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!