JavaScript의 왼쪽 자르기 문자열

1. regex를 replace() 함수와 함께 사용하여 JavaScript에서 왼쪽 트림 문자열
2. trimLeft() 또는 trimStart() 함수를 사용하여 JavaScript에서 왼쪽 트림 문자열
3. while 루프를 substring() 함수와 함께 사용하여 JavaScript에서 왼쪽 문자열 자르기

고객에게 정보를 요청할 때 문자열을 자주 다룹니다. 이로 인해 프로그래머는 때때로 일관성이 없고 공백이나 기타 비정상적인 문자를 포함할 수 있는 많은 입력 문자열을 사용하여 작업해야 합니다.

이 기사에서는 문자열의 왼쪽에 있는 공백을 제거하는 방법을 살펴보겠습니다. 다양한 방법으로 달성될 수 있습니다.

이 기사에서는 regex 도구와 함께 replace() 기능을 사용합니다.

시작하려면 name이라는 변수를 선언하고 아래에 표시된 코드와 같이 이름 시작 앞에 배치된 5개의 공백으로 구성된 값을 할당하여 일관성 없는 테스트 문자열을 만듭니다.

let name = '     John Doe';

모든 샘플 프로그램은 name 변수를 사용합니다.

regex를 replace() 함수와 함께 사용하여 JavaScript에서 왼쪽 트림 문자열

이제 name 변수에 액세스할 수 있으므로 작업을 시작할 수 있습니다. 첫 번째 문자 앞에 있는 모든 공백을 제거하기 위해 문자열에 내장된 replace() 함수를 regex와 함께 사용한 다음 결과 텍스트를 result 변수에 저장합니다.

let result = name.replace(/^\s+/, '');

replace() 메서드에는 사용자의 두 가지 입력이 필요합니다. 첫 번째 매개변수는 교체해야 하는 문자열 또는 regex이고 두 번째 인수는 첫 번째 인수에 대해 요청된 교체입니다. 우리의 경우 빈 문자열입니다.

첫 번째 인수는 교체해야 하는 문자열 또는 regex입니다.

replace() 함수와 함께 사용되는 regex 표현식을 다음과 같이 설명할 수 있습니다.

• ^는 문자열의 시작을 나타냅니다.
• \s는 공백과 일치합니다.
• +는 하나 또는 둘 이상을 의미합니다.

마지막으로 해야 할 일은 출력을 콘솔에 출력해야 하는 대로 모든 것이 작동하는지 확인하는 것입니다. 다음은 이에 대한 전체 코드입니다.

let name = '    John Doe';
let result = name.replace(/^\s+/, '');
console.log(result);

출력:

John Doe

trimLeft() 또는 trimStart() 함수를 사용하여 JavaScript에서 왼쪽 트림 문자열

2019년 ECMAScript 10이 출시되었을 때 trimStart()라는 함수가 제공되었습니다. 이 메서드는 문자열 클래스의 일부이며 문자열의 선행 부분만 트리밍하면서 문자열에서 선행 공백을 제거합니다.

name 변수에 직접 호출하는 것이 가능합니다.

let result = name.trimStart();

동일한 결과를 원할 때 trimLeft()와 유사한 기술을 사용할 수 있습니다.

let result = name.trimLeft();

trimLeft()의 전체 코드는 다음과 같습니다.

let name = '    John Doe';
let result = name.trimLeft();
console.log(result);

출력:

John Doe

while 루프를 substring() 함수와 함께 사용하여 JavaScript에서 왼쪽 문자열 자르기

텍스트 시작 부분에서 공백을 제거하려면 substring() 함수와 함께 while 루프를 사용할 수 있습니다.

인덱스라는 변수를 사용하여 공백의 수를 추적하고 정의할 때 값 0을 제공합니다.

let index = 0;

어느 정도는 문자열도 JavaScript에서 객체로 간주됩니다. 문자열이 문자 인덱스의 모음임을 나타냅니다.

문자열은 배열과 같은 방식으로 반복될 수 있습니다. while 루프를 사용하여 이름 문자열을 반복하고 각 공백에 대해 index 변수에 1을 추가합니다.

while (name[index] == ' ') {
  index++;
}

이제 name 문자열과 index가 이름이 시작되기 전에 공백의 수로 표시됩니다.

이제 substring() 함수를 호출하고 공백 없이 문자열을 반환하고 result 변수에 저장하기 위해 공백의 수로 인덱스를 전달할 수 있습니다.

let result = name.substring(index);

마지막으로 결과를 콘솔에 표시합니다. 이 방법에 대한 코드는 다음과 같습니다.

let name = '    John Doe';
let index = 0;
while (name[index] == ' ') {
  index++;
}
let result = name.substring(index);
console.log(result);

출력:

John Doe

여기에 설명된 기능은 모든 주요 브라우저 및 JavaScript 런타임과 호환됩니다.