JavaScript에서 문자열을 배열로 변환

Rajeev Baniya 2023년10월12일
  1. JSON.parse()표현식을 사용하여 문자열을 배열로 변환
  2. Array.from()표현식을 사용하여 문자열을 배열로 변환
  3. ...확산 연산자를 사용하여 문자열을 배열로 변환
JavaScript에서 문자열을 배열로 변환

JavaScript에서 문자열을 배열로 변환하는 세 가지 방법을 소개합니다. 문자열을 숫자 배열과 문자열 배열로 변환하는 방법을 변환합니다.

JSON.parse()표현식을 사용하여 문자열을 배열로 변환

JSON.parse()표현식은 웹 서버에서받은 데이터를 객체 및 배열로 구문 분석하는 데 사용됩니다. 수신 된 데이터가 JSON 객체 형식이면 JavaScript 객체로 변환됩니다. 그리고 데이터가 배열에서 파생 된 JSON 값인 경우JSON.parse()는 데이터를 JavaScript 배열로 변환합니다. JSON.parse()를 사용하여 쉼표로 구분 된 숫자 문자열을 배열로 변환 할 수 있습니다. 대괄호를 문자열과 연결하여 숫자 배열로 변환 할 수 있습니다.

예를 들어, 변수data를 생성하고0,1,2,3값을 변수에 문자열로 저장합니다. data변수에JSON.parse()를 사용하고 변수 앞뒤에 여는 대괄호와 닫는 대괄호를 연결합니다. 변수arr에 표현식을 저장합니다. 그런 다음 콘솔에 변수를 기록하십시오. 또한 콘솔에서 배열의 첫 번째 요소 인typeof를 기록합니다.

아래 예에서는 숫자 문자열을 숫자 배열로 변환했습니다. typeof키워드를 사용하여 배열 항목의 유형을 알 수 있습니다. 출력 섹션은 배열 요소가숫자유형임을 보여줍니다.

예제 코드 :

var data = '0,1,2,3';
var arr = JSON.parse('[' + data + ']');
console.log(arr)
console.log(typeof arr[0])

출력:

(4) [0, 1, 2, 3]
number

Array.from()표현식을 사용하여 문자열을 배열로 변환

Array.from()메소드를 사용하면 특정 길이의 문자열에서 배열을 만들 수 있습니다. 변환해야하는 문자열을 메서드로 전달할 수 있으며 메서드는이를 문자열 배열로 변환합니다. 그러나이 방법은.가있는 경우 유용하지 않습니다. 문자열 배열에,도 추가하므로 문자열 사이에 삽입됩니다.

예를 들어,num변수를 생성하고1234값을 변수에 문자열로 저장합니다. 객체Array와 함께from()메소드를 호출하고num변수를 함수의 매개 변수로 제공합니다. 변수arr에 표현식을 저장합니다. 그런 다음console.log()를 사용하여 콘솔에 변수를 표시합니다. 또한 콘솔에 배열의 첫 번째 요소 인typeof를 기록합니다.

아래 예제는 숫자 문자열을 문자열 배열로 변환합니다. 문자열의 각 문자는 배열의 문자열 요소로 변환됩니다. 출력 섹션은 배열 요소가string유형임을 보여줍니다.

예제 코드 :

var num = '1234';
var arr = Array.from(data);
console.log(arr)
console.log(typeof arr[0])

출력:

(4) ["1", "2", "3", "4"]
string

...확산 연산자를 사용하여 문자열을 배열로 변환

스프레드 연산자는 세 개의 점과...data변수로 표시됩니다. 널리 사용되는 ES6 기능입니다. 이 메서드는 문자열을 문자열 배열로 변환합니다. 그러나이 방법은 문자열 배열에,를 추가하므로 문자열 사이에쉼표가 있으면 유용하지 않습니다. 큰 괄호 안에 문자열을 포함하는 변수를 전달할 수 있습니다. 그리고 변수 앞에 세 개의 점을 추가 할 수 있습니다. 즉,...data.

예를 들어,1234값을data변수에 문자열로 저장합니다. 괄호 안에data변수를 쓰고 그 앞에 세 개의 점을 추가합니다. 이 표현식을 변수arr에 저장하십시오. 그런 다음 콘솔에 변수를 기록하십시오. 또한 배열의 첫 번째 요소 앞에typeof키워드를 사용하고이를 콘솔에 로그인하십시오.

이 예제에서는 두 번째 방법에서와 같이 숫자 문자열을 문자열 배열로 변환했습니다. 하지만 이번에는 스프레드 연산자를 사용했습니다. 출력 섹션은 배열 요소가string유형임을 보여줍니다.

예제 코드 :

var data = '1234';
var arr = [...data];
console.log(arr)
console.log(typeof arr[0])

출력:

(4) ["1", "2", "3", "4"]
string

관련 문장 - JavaScript Array

관련 문장 - JavaScript String