JavaScript - 배열을 문자열로 변환, 3가지 방법

By JS | Last updated: May 05, 2022

자바스크립트에서 배열을 문자열로 변환하는 방법을 소개합니다.

1. join()으로 문자열 변환

배열에 여러 문자열이 있을 때, 이 문자열들을 연결하여 하나의 String 객체로 만들려고 합니다. Array.join(separator)은 배열의 요소들을 하나의 문자열로 연결하는데, 각 요소 사이에 인자로 전달된 구분자를 추가합니다. 인자를 생략하면 ,가 구분자로 설정됩니다

아래 예제는 구분자를 생략할 때와, 입력할 때 어떻게 출력되는지 보여줍니다.

const arr = ["Hello", "World", "JavaScript", "!!!"];

let str = arr.join();
console.log(str)

str = arr.join("");
console.log(str)

str = arr.join(" ");
console.log(str)

Output:

Hello,World,JavaScript,!!!
HelloWorldJavaScript!!!
Hello World JavaScript !!!

2. for 반복문으로 문자열 변환

반복문을 이용하여 아래와 같이 배열의 요소들을 하나의 문자열로 연결할 수 있습니다.

const arr = ["Hello", "World", "JavaScript", "!!!"];
let str = "";

arr.forEach((element) => {
  const separator = " ";
  if (str.length == 0) {
    str = str + element;
  } else {
    str = str + separator + element;
  }
})
console.log(str)

Output:

Hello World JavaScript !!!

3. toString()으로 문자열 변환

Array.toString(),를 구분자로 요소들을 하나의 문자열로 연결하여 리턴합니다.

const arr = ["Hello", "World", "JavaScript", "!!!"];

let str = arr.toString();
console.log(str)

Output:

Hello,World,JavaScript,!!!

아래와 같이 replace()를 사용하여 ,를 다른 구분자로 변경할 수 있습니다. 하지만 배열 안의 문자열에 ,가 있다면 이것도 함께 교체되기 때문에 좋은 방법은 아닙니다. 배열의 문자열에 ,가 없을 때만 이 방법을 사용할 수 있습니다.

const arr = ["Hello", "World", "JavaScript", "!!!"];

let str = arr.toString();
str = str.replace(/,/g, " ");
console.log(str)

Output:

Hello World JavaScript !!!
Loading script...

Related Posts

codechachaCopyright ©2019 codechacha