Javascript를 사용하여 문자열을 배열로 변환하는 6가지 방법

자바스크립트의 텍스트 문자열은 6가지 방법으로 배열로 변환할 수 있습니다.

우리는 다음을 살펴볼 것입니다:

split()

Array.from()

[...확산]

Object.assign()

for 루프

JSON.parse()

나뉘다()

이 메서드는 지정된 구분 기호를 기준으로 텍스트 문자열을 분할하여 구분된 요소가 있는 배열을 반환하는 데 사용됩니다.

let str = 'Lion,Horse,Iguana,Wolf';
let arr = str.split(','); 
//split the text string by a comma
console.log(arr);
//["Lion", "Horse", "Iguana", "Wolf"].

포함된 각 문자로 텍스트 문자열을 구분하려는 경우 빈 문자열("")을 구분 기호로 전달할 수 있습니다.

let str = 'soylenin';
let arr = str.split('');
console.log(arr); 
// ["s", "o", "y", "l", "e", "n", "i", "n"]

split() 메서드는 분할 제한을 나타낼 수 있는 두 번째 매개 변수를 허용합니다. 이 제한은 반환된 배열에 포함될 요소 수를 결정합니다.

let str = 'Golf | Hockey | Football | Tennis';
let arr = str.split(' | ', 2);
console.log(arr); 
// ['Golf', 'Hockey']

배열.from()

Array.from() 메서드는 매개변수로 전달된 텍스트 문자열에서 배열을 반환합니다. 텍스트 문자열을 .from() 메서드에 전달하여 텍스트의 각 문자가 포함된 배열을 가져옵니다.

let str = 'soylenin';
let arr = Array.from(str);
console.log(arr); 
// ["s", "o", "y", "l", "e", "n", "i", "n"]

이 메서드는 텍스트 문자열 외에 두 개의 선택적 매개 변수도 허용합니다. 하나는 배열의 각 반복에서 호출되는 map() 함수이고 다른 하나는 맵의 각 반복 내에서 "this"로 사용할 수 있는 값입니다.

let str = 'soylenin';
let arr = Array.from(str, (val, index) => val + index);
// adding index value to each element of array
console.log(arr); 
// ["s0", "o1", "y2", "l3", "e4", "n5", "i6", "n7"]

스프레드 연산자

확산 연산자는 새 버전의 ES6에서 제공되며 모든 브라우저에서 작동합니다. 사용된 문자열의 각 문자 또는 문자를 추출하고 전파하는 데 도움이 됩니다. 주어진 문자열에서 새 배열을 만들기 위해 대괄호 안에 해당 문자열의 전파를 감싸기만 하면 됩니다.

let str = 'soylenin';
let arr = [...str];
console.log(arr); 
// ["s", "o", "y", "l", "e", "n", "i", "n"]

Object.assign()

이 방법은 하나 이상의 소스 개체의 값과 속성을 대상 개체에 복사하는 데 사용됩니다. 텍스트 문자열에서 배열을 생성하기 위해 소스로 텍스트 문자열을 제공하고 대상으로 빈 배열을 제공할 수 있습니다.

let str = 'soylenin';
let arr = Object.assign([], str);
console.log(arr); 
// ["s", "o", "y", "l", "e", "n", "i", "n"]

for 루프

for 루프를 사용하여 문자열의 각 문자를 반복하고 해당 문자를 빈 배열로 푸시하여 문자열에서 배열을 만들 수 있습니다.

let str = 'soylenin';
let arr = [];
for(let i of str) {
    arr.push(i);
}
console.log(arr); 
// ["s", "o", "y", "l", "e", "n", "i", "n"]

JSON.구문 분석()

문자열을 배열로 변환하는 추가 방법이 있습니다. 이 경우에만 문자열에 배열이 이미 포함되어 있어야 합니다.

let arr =  JSON.parse('[1, 5, "false"]'); 
console.log(arr); 
console.log(typeof arr); 
// [1, 5, "false"]
// "object"

보시다시피 더 이상 문자열이 아니라 배열로 변환됩니다.


콘텐츠가 마음에 들면 다음에서 저를 지원할 수 있습니다.




무료 비트코인과 도지코인을 얻고 싶으신가요? 배너를 클릭하세요!