Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 분할:단계별 가이드

자바스크립트 split() 메서드는 문자열을 하위 문자열 배열로 나눕니다. 이러한 하위 문자열은 새 배열에 추가됩니다. split()은 부분 문자열의 새 배열을 반환합니다.


프로그래밍할 때 더 큰 문자열에서 일부 텍스트를 가져와야 하는 경우를 흔히 볼 수 있습니다. 하나의 문자열에서 개별적으로 사용자의 이름과 성을 얻으려고 한다고 가정해 보겠습니다. 문자열에서 해당 정보를 얻는 방법은 무엇입니까?

이것이 JavaScript split() 메소드가 들어오는 곳입니다. split()은 문자열을 하위 문자열 목록으로 나눕니다. 이 가이드에서는 예제를 참조하여 split() 메서드를 사용하는 방법에 대해 설명합니다.

문자열 새로 고침

split()을 살펴보기 전에 및 슬라이스() 함수에서 문자열이 작동하는 방식을 스스로 상기해야 합니다. 문자열은 문자, 기호 또는 숫자를 포함할 수 있는 하나 이상의 문자 시퀀스입니다.

문자열의 각 문자는 0부터 시작하는 인덱스 번호를 사용하여 액세스할 수 있습니다. 문자열이 인덱스되는 방식을 설명하기 위해 예를 사용하겠습니다.

H
t h r
1 2 3 4 5 6 7 8 9 10

보시다시피 문자열의 첫 번째 문자는 인덱스 값이 "0"인 "H"입니다. 마지막 문자는 인덱스 값이 "10"인 "e"입니다. 두 단어 사이의 공백에도 인덱스 값이 있습니다.

자바스크립트 분할

JavaScript 문자열 split() 메서드는 문자열을 여러 하위 문자열로 분할합니다. 이러한 하위 문자열은 새 배열에 저장됩니다. 원래 문자열은 공백과 같이 지정된 구분 문자를 기준으로 나뉩니다.

JavaScript 문자열 split() 메서드의 구문을 살펴보겠습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

var new_list =text.split(문자, 제한);

split() 메서드는 "text" 변수의 끝에 추가됩니다. 우리의 텍스트 변수는 우리가 지정한 구분 문자를 기반으로 분할됩니다. split() 메서드의 결과를 JavaScript 변수 new_list에 할당합니다.

한도 매개변수는 최종 배열에 포함할 JavaScript 하위 문자열의 수를 지정합니다.

split() 메서드의 출력을 변수에 할당해야 합니다. split()이 새 목록을 생성하기 때문입니다. 기존 문자열을 수정하지 않습니다.

자바스크립트 분할 문자열 예

사용자가 이름과 성을 제공했다고 가정해 보겠습니다. 우리는 이 정보를 하나의 문자열에 저장합니다. 사용자의 이름과 성을 별도로 얻으려면 split() 메서드를 사용할 수 있습니다.

예를 들어 사용자가 계정에 로그인할 때 전체 이름을 표시하는 대신 "[이름]님, 안녕하세요."라고 말할 수 있습니다.

공백 문자(공백 문자)를 사용하여 문자열을 구분합니다.

var fullName = “Forename Surname”;
var fullNameSplit = fullName.split(“ “);

console.log(fullNameSplit);

이 코드는 다음을 반환합니다.

[“Forename”, “Surname”]

split() 함수가 문자열을 하위 문자열 배열로 분할했습니다. 이제 인덱스 번호를 사용하여 JavaScript 배열 객체의 각 문자열에 액세스할 수 있습니다. 예:

fullNameSplit[1];

이 코드는 다음을 반환합니다.

Surname

split() 메서드는 개별 값을 검색할 수 있는 배열을 반환합니다. 각 배열 요소는 문자열의 단어에 해당합니다. 배열에서 인덱스 위치가 1인 값을 검색했습니다.



자바스크립트 문자열을 하나의 배열로 분할

split() 메서드를 사용하여 문자열의 내용을 배열로 이동할 수 있습니다. 다음 코드를 고려하십시오.

var name_as_list = name.split();
console.log(name_as_list);

코드는 "Forename Surname"을 반환합니다. 여러 하위 문자열이 생성되지 않음을 의미하는 구분 기호를 지정하지 않았습니다. 이제 name_as_list 변수에 저장된 전체 문자열로 구성된 요소가 있습니다.

결론

split() 메서드는 문자열을 하위 문자열 목록으로 나눕니다. 인덱싱으로 액세스할 수 있는 문자열의 개별 단어 또는 값을 만드는 데 사용됩니다. split()은 공백이나 쉼표와 같은 문자로 문자열을 구분할 수 있습니다.

JavaScript에 대해 자세히 알아보려면 JavaScript 초보자를 위한 최고의 자습서에 대한 가이드를 읽어보세요.