두 번째 문자열이 첫 번째 문자열 끝에 연결되도록 JavaScript에서 두 문자열을 연결하는 방법은 무엇입니까?
- WBOY앞으로
- 2023-09-02 16:33:061301검색
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() 메서드는 채움 문자를 공백으로 바꿉니다. |
返回
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!