두 번째 문자열이 첫 번째 문자열 끝에 연결되도록 JavaScript에서 두 문자열을 연결하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

두 번째 문자열이 첫 번째 문자열 끝에 연결되도록 JavaScript에서 두 문자열을 연결하는 방법은 무엇입니까?

WBOY

풀어 주다： 2023-09-02 16:33:06

앞으로

1321명이 탐색했습니다.

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

concat() 메소드

두 문자열을 결합하는 기본 연산은 연결입니다. 문자열 구성은 프로그래밍의 필수적인 부분입니다. "JavaScript의 문자열 연결"에 대해 논의하기 전에 먼저 기본 사항부터 살펴보겠습니다. 인터프리터가 작업을 수행하면 새 문자열이 생성됩니다.

새 문자열을 생성하기 위해 concat() 메서드는 호출 문자열과 문자열 인수를 연결합니다. 초기 문자열이나 반환된 문자열은 변경 사항의 영향을 받지 않습니다.

연결할 때 문자열 값은 문자열이 아닌 유형의 매개변수에서 먼저 변환됩니다.

문법

다음은 concat() 메소드의 구문입니다

으아아아

미스터. 안돼	매개변수 및 설명
1	strN 하나 이상의 문자열을 문자열 연결

반품

concat() 메서드는 초기 문자열과 인수로 전달된 문자열 값을 연결하여 새 문자열을 생성합니다.

예 1

이 메서드는 두 개의 입력 문자열을 결합한 새 문자열을 반환하며, 주어진 문자열이나 입력 문자열을 어떤 식으로든 변경하지 않습니다. 주어진 인수는 확실히 문자열이어야 하는데, 이는 concat() 메서드의 단점입니다.

이 메서드는 문자열이 아닌 매개변수를 허용하지만, 주어진 문자열이 null과 같으면 TypeError가 발생합니다. 또한 JavaScript의 문자열은 변경할 수 없으므로 concat() 메서드는 실제로 문자열을 변경하지 않습니다.

으아아아

예 2

이 예에서는 빈 문자열 변수를 연결하는 방법을 이해해 보겠습니다. concat() 메서드를 사용하여 간단한 문자열 값을 빈 문자열 변수와 연결합니다.

으아아아

예 3

두 개의 숫자를 추가하려면 + 연산자를 사용합니다. JavaScript는 문자열 연결을 구현할 수도 있습니다. + 연산자는 문자열을 결합할 때 고유한 속성을 갖습니다. 기존 문자열에 추가하여 변경하거나 새 문자열을 만들 수 있습니다.

으아아아

string.padEnd() 메서드

string.concat() 메소드를 연결에 사용할 수 있습니다. 그러나 연결 후 문자열의 길이나 추가해야 하는 정확한 숫자와 같은 정보는 제공하지 않습니다.

Javascript는 이 문제를 해결하는 데 도움이 되는 string.padEnd() 메서드를 제공합니다. 이 프로세스에는 두 가지 매개변수가 필요합니다. 첫 번째는 길이이고 두 번째는 초기 문자열에 추가되어야 하는 추가 문자열입니다.

문자열을 다른 문자열로 채우려면 padEnd() 함수를 사용하세요. 문자열이 특정 길이로 채워지도록 하기 위해 이 작업을 수행합니다.

문자열 끝부분 오른쪽에 패딩이 적용되어 있습니다. 따라서 오른쪽 패딩이라고도 합니다.

문법

으아아아

미스터. 안돼	매개변수 및 설명
1	대상 길이 패딩 후 최종 문자열의 원하는 길이.
2	pad_string p> 선택사항. 제공된 문자열은 문자열 끝에 채워집니다. 이 옵션을 생략하면 padEnd() 메서드는 채움 문자를 공백으로 바꿉니다.

미스터. 안돼

매개변수 및 설명

대상 길이

패딩 후 최종 문자열의 원하는 길이.

pad_string p>

선택사항. 제공된 문자열은 문자열 끝에 채워집니다. 이 옵션을 생략하면 padEnd() 메서드는 채움 문자를 공백으로 바꿉니다.

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>

로그인 후 복사

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

로그인 후 복사

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

로그인 후 복사

위 내용은 두 번째 문자열이 첫 번째 문자열 끝에 연결되도록 JavaScript에서 두 문자열을 연결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!