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

1. JavaScript에서 toString() 메서드를 사용하여 배열을 문자열로 변환
2. JavaScript에서 .join() 메서드를 사용하여 배열 요소 결합
3. JavaScript에서 JSON.stringify()를 사용하여 배열을 문자열로 변환
4. JavaScript에서 형식 강제 변환을 사용하여 배열을 문자열로 변환

배열은 일상적인 프로그래밍 생활에서 사용할 수 있는 가장 일반적이고 유연한 데이터 구조입니다. JavaScript 프로그래밍 언어에서 제공하는 수많은 배열 메서드가 있으므로 배열을 쉽게 조작하고 수행하려는 작업을 수행할 수 있습니다.

유사하게, 배열을 문자열로 변환하는 것도 미리 정의된 방법과 몇 가지 다른 방법을 사용하여 쉽게 수행할 수 있습니다. 이 기사에서는 전체 배열 데이터 구조(즉, 해당 배열 내부에 있는 모든 요소)를 단일 문자열로 변환할 수 있는 다양한 방법을 볼 것입니다.

JavaScript에서 toString() 메서드를 사용하여 배열을 문자열로 변환

배열을 문자열로 변환하는 가장 쉬운 방법은 toString()이라는 JavaScript의 미리 정의된 메서드를 사용하는 것입니다. 이 방법은 배열뿐만 아니라 다양한 다른 데이터 유형에서도 작동합니다. 거의 모든 것이 toString()을 사용하여 문자열로 변환될 수 있습니다.

아래와 같이 배열 끝에 추가하여 이 방법을 사용할 수 있습니다. 해당 배열 내의 모든 요소를 ​​가져와 단일 문자열로 연결합니다.

var arr = ['Google', 'is', 'no', '1', 'search engine'].toString();
console.log(arr);

출력:

"Google,is,no,1,search engine"

여기서 출력을 보면 문자열이지만 쉼표로 구분됩니다. 이제 위의 문자열에서 쉼표를 제거하려면 다음과 같이 replace() 메서드를 사용할 수 있습니다. replace() 메소드는 두 개의 매개변수를 사용합니다. 첫 번째 매개변수는 대체해야 하는 문자 자체(이 경우 /,로 표시되는 쉼표)이고 두 번째 매개변수는 문자를 대체할 대상(이 경우 공백)을 결정합니다. /는 이스케이프 문자입니다.

arr.replace(/,/g, ' ')

출력:

"Google is no 1 search engine"

이 경우 /g로 표시되는 문자열에서 모든 쉼표를 제거하려고 합니다.

JavaScript에서 .join() 메서드를 사용하여 배열 요소 결합

배열을 문자열로 변환하는 또 다른 방법은 join() 메서드를 사용하는 것입니다. 이 방법은 배열에서 각 요소를 가져와 함께 문자열을 형성합니다. 여기에서 toString()과 유사한 배열에 이 메서드를 직접 사용하면 쉼표로 구분된 문자열도 생성됩니다.

그러나 여기에서는 replace()와 같은 다른 메서드를 사용할 필요가 없습니다. 다른 구분 기호를 매개 변수로 직접 전달하여 문자열 내의 요소를 구분할 수 있기 때문입니다.

var arr_1 = ['Google', 'is', 'no', '1', 'search engine'].join();
var arr_2 = ['Google', 'is', 'no', '1', 'search engine'].join('-');
var arr_3 = ['Google', 'is', 'no', '1', 'search engine'].join('##space##');
console.log(arr_1);
console.log(arr_2);
console.log(arr_3);

출력:

"Google,is,no,1,search engine"
"Google-is-no-1-search engine"
"Google##space##is##space##no##space##1##space##search engine"

JavaScript에서 JSON.stringify()를 사용하여 배열을 문자열로 변환

JSON.stringify() 메서드를 사용하면 JavaScript 개체 또는 값을 문자열로 변환할 수 있습니다. 배열 내부의 문자열을 인용하고 중첩 배열을 올바르게 처리하므로 더 깨끗합니다. 이 메서드는 다음과 같이 최대 3개의 매개변수를 사용할 수 있습니다.

JSON.stringify(value, replacer, space)

value 매개변수는 문자열로 변환해야 하는 모든 값을 사용합니다. 이 매개변수는 반드시 통과해야 합니다. replacer는 문자열 내부의 일부 요소를 대체하기 위해 전달할 수 있는 함수입니다. 가독성을 위해 출력 문자열에 공백을 추가하려면 space 매개변수를 사용할 수 있습니다. replacer 및 space 매개변수는 모두 선택 사항입니다.

var arr = JSON.stringify(['Google', 'is', 'no', '1', 'search engine']);
console.log(arr);

출력:

"[\"Google\",\"is\",\"no\",\"1\",\"search engine\"]"

위의 예에서 우리는 위에서 얻은 출력을 읽을 수 없기 때문에 반드시 replacer 함수를 사용하고 싶습니다. JSON.stringify() 메서드는 배열의 개별 요소를 직접 가져와 구조를 포함하여 문자열로 변환합니다.

JavaScript에서 형식 강제 변환을 사용하여 배열을 문자열로 변환

배열을 문자열로 변환하는 마지막 방법은 유형 강제 변환을 사용하는 것입니다. 형식 강제 변환은 값을 한 형식에서 다른 형식으로 변환하는 프로세스입니다. JavaScript에는 암시적 강제와 명시적 강제의 두 가지 유형이 있습니다.

암시적 강제는 다양한 연산자(+, -, ’ ‘, / 등)를 다른 유형의 값에 적용하는 것이고 명시적 강제는 String(), Number()와 같은 함수를 사용하는 경우이다. 두 가지 유형 강제 실행의 예는 다음과 같습니다.

var str_1 = ['This', 'is', 11, 'clock'] + '';
var str_2 = String(['This', 'is', 11, 'clock']);
console.log(str_1);
console.log(str_2);

출력:

This,is,11,clock
This,is,11,clock

str_1은 두 가지 다른 유형의 값(하나는 배열이고 다른 하나는 문자열) 사이에 연산자를 사용하는 암시적 강제 변환의 예입니다. 이 작업의 결과 출력은 문자열입니다. str_2는 배열을 문자열로 변환하기 위해 String() 함수 내에서 전체 배열을 방금 전달한 명시적 강제 변환의 예입니다.