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의 값이 포함되어 있는지 확인
- JavaScript에서 배열을 문자열로 변환
- JavaScript에서 특정 길이의 배열 생성
- JavaScript의 배열에서 객체 검색
- JavaScript의 배열에서 첫 번째 요소 제거
- JavaScript에서 인수를 배열로 변환