>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 문자열을 특정 길이로 어떻게 채울 수 있나요?

JavaScript에서 문자열을 특정 길이로 어떻게 채울 수 있나요?

Susan Sarandon
Susan Sarandon원래의
2024-11-23 14:30:15668검색

How Can JavaScript Pad Strings to a Specific Length?

JavaScript에서 문자열을 주어진 길이로 채울 수 있나요?

문자열을 원하는 길이로 채우는 것은 프로그래밍에서 일반적으로 필요한 사항입니다. 특히 표시 또는 저장을 위해 데이터 형식을 지정할 때. JavaScript는 다양한 JavaScript 플랫폼에 걸쳐 다양한 수준의 복잡성과 호환성을 통해 이를 달성하기 위한 여러 옵션을 제공합니다.

ES8/ES2017 String.padStart() 메서드

2017년 , ECMAScript 2017(ES8)에서는 문자열 채우기를 위해 특별히 String.padStart() 및 String.padEnd() 메서드를 도입했습니다. 공백 또는 기타 문자. 이러한 메서드는 최신 브라우저와 Node.js 버전에서 지원됩니다.

<br>"Jonas".padStart(10); // 기본 패드 문자열은 공백입니다<br>"42".padStart(6, "0"); // "0"으로 채움<br>"<em>".padStart(8, "-/|"); // 생성 '-/|-/|</em>'<br>

이전 JavaScript 버전의 경우 String.padStart()는 폴리필을 사용하여 구현할 수 있습니다.

ES8 이전 솔루션

ES8 이전에는 몇 가지 대체 방법이 사용되었습니다. 문자열을 채웁니다. 일반적인 접근 방식 중 하나는 문자열을 패딩 문자열과 연결하고 Slice()를 사용하여 원하는 부분을 추출하는 것이었습니다.

<br>var n = 123</p>
<p>String("00000 " n).slice(-5); // 00123을 반환합니다<br>("00000" n).slice(-5); // 00123을 반환합니다<br>(" " n).slice(-5); // " 123" 반환(공백 2개 포함)<br>

또 다른 기술은 문자열 패딩 확장을 만드는 것입니다:

<br>String. 프로토타입.paddingLeft = 함수(paddingValue) {<br> return String(paddingValue) this).slice(-paddingValue.length);<br>};<br>

이 확장은 다음과 같이 사용할 수 있습니다:

<br>function getFormattedTime(date) {<br> var hour = date.getHours();<br> var 분 = date.getMinutes();</p>
<p>시간 = hour.toString().paddingLeft("00");<br> 분 = 분.toString().paddingLeft("00");</p> <p>"{0}:{1}".format(시간, 분);<br>};</p>
<p>String.prototype.format = function () {</p>
<pre class="brush:php;toolbar:false">var args = arguments;
return this.replace(/{(\d+)}/g, function (match, number) {
    return typeof args[number] != 'undefined' ? args[number] : match;
});

};

이것은 수정된 문자열 프로토타입 방법을 사용한 문자열 패딩을 보여줍니다.

위 내용은 JavaScript에서 문자열을 특정 길이로 어떻게 채울 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.