Bagaimana untuk menggabungkan dua rentetan dalam JavaScript supaya rentetan kedua mesti digabungkan pada akhir rentetan pertama?-tutorial js-php.cn

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

kaedah concat()

Operasi asas untuk menggabungkan dua rentetan ialah penggabungan. Komposisi rentetan adalah bahagian penting dalam pengaturcaraan. Sebelum membincangkan "Penggabungan Rentetan dalam JavaScript", kita perlu mendapatkan perkara asas terlebih dahulu. Rentetan baharu dijana apabila penterjemah menjalankan operasi.

Untuk mencipta rentetan baharu, kaedah concat() menggabungkan rentetan panggilan dan hujah rentetan. Baik rentetan awal mahupun rentetan yang dikembalikan tidak akan terjejas oleh sebarang perubahan.

Apabila menggabungkan, nilai rentetan mula-mula ditukar daripada parameter jenis bukan rentetan.

Tatabahasa

Berikut ialah sintaks kaedah concat()

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

Salin selepas log masuk

En. Tidak	Parameter dan penerangan
1	strN Gabungan rentetan satu atau lebih rentetan

Kembali

Kaedah

concat() menjana rentetan baharu dengan menggabungkan rentetan awal dan nilai rentetan diluluskan sebagai hujah.

Contoh 1

Kaedah ini mengembalikan rentetan baharu yang menggabungkan dua rentetan input; ia tidak mengubah rentetan yang diberikan atau rentetan input dalam apa jua cara. Hujah yang diberikan mestilah rentetan, yang merupakan kelemahan kaedah concat().

Kaedah ini menerima parameter bukan rentetan, tetapi jika rentetan yang diberikan adalah sama dengan nol, TypeError akan dinaikkan. Selain itu, kerana rentetan dalam JavaScript tidak boleh diubah, kaedah concat() sebenarnya tidak mengubah rentetan itu.

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

Salin selepas log masuk

Contoh 2

Dalam contoh ini, mari kita fahami cara menggabungkan pembolehubah rentetan kosong. Kami akan menggabungkan nilai rentetan mudah dengan pembolehubah rentetan kosong menggunakan kaedah 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>

Salin selepas log masuk

Contoh 3

Untuk menambah dua nombor, kami menggunakan operator +. JavaScript juga boleh melaksanakan penggabungan rentetan. Operator + mempunyai sifat unik apabila menggabungkan rentetan. Anda boleh menambah rentetan sedia ada untuk menukarnya atau buat rentetan baharu sahaja.

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

Salin selepas log masuk

kaedah string.padEnd()

Kaedah

string.concat() boleh digunakan untuk penggabungan. Walau bagaimanapun, ia tidak memberikan sebarang maklumat seperti panjang rentetan selepas penyatuan atau nombor tepat yang mesti ditambah.

Javascript menyediakan kaedah string.padEnd() untuk membantu menyelesaikan masalah ini. Proses ini memerlukan dua parameter. Yang pertama ialah panjang dan yang kedua ialah rentetan tambahan yang mesti dilampirkan pada rentetan awal.

Gunakan fungsi padEnd() untuk mengikat rentetan dengan rentetan lain. Ia melakukan ini supaya rentetan berlapik pada panjang tertentu.

Di hujung tali, padding digunakan di sebelah kanan. Oleh itu, ia juga dipanggil padding kanan.

Tatabahasa

padEnd(targetLength)
padEnd(targetLength, padString)

Salin selepas log masuk

En. Tidak	Parameter dan penerangan
1	Sasaran panjang Panjang rentetan akhir yang dikehendaki selepas padding.
2	pad_string Pilihan. Rentetan yang disediakan akan berlapik di hujung rentetan. Jika pilihan ini ditinggalkan, kaedah padEnd() menggantikan aksara pad dengan ruang.

En. Tidak

Parameter dan penerangan

Sasaran panjang

Panjang rentetan akhir yang dikehendaki selepas padding.

pad_string

Pilihan. Rentetan yang disediakan akan berlapik di hujung rentetan. Jika pilihan ini ditinggalkan, kaedah padEnd() menggantikan aksara pad dengan ruang.

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>

Salin selepas log masuk

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

Salin selepas log masuk

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

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menggabungkan dua rentetan dalam JavaScript supaya rentetan kedua mesti digabungkan pada akhir rentetan pertama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!