[JS 이론] 배열을 문자열로, 문자열을 배열로 변환

문자열을 배열로 변환

split()

split(separator, limit)

• split() = length 길이가 1인 배열로 반환한다.
• split(' ') = 구분자 없이 잘라 배열로 반환한다.
• split(',') = 쉼표를 구분으로 잘라 배열로 변환한다. (다른 구분자 가능)
• split(',', 3) = 아래의 문자열을 , 로 자르면 총 4개의 배열이 만들어지지만, 3개로 제한하였기 때문에 3개의 배열만 변환한다.

const str = "red,yellow,green,blue";
const arr = str.split(",", 3);
document.writeln(arr.length); // 3
document.writeln(arr[0]); // red
document.writeln(arr[1]); // yellow
document.writeln(arr[2]); // green
document.writeln(arr[3]); // undefined

---

배열을 문자열로 변환

1. join()으로 문자열 변환
2. forEach() 반복문으로 문자열 변환
3. toString()으로 문자열 변환

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

• array.join(seperator)은 배열의 요소들을 하나의 문자열로 연결하여 출력
• 각 요소 사이의 구분자를 추가 할 수 있다. 인자를 생략하면, 쉼표(,)가 구분자로 설정 된다.

const pinf = 10 / 0;
console.log(pint);

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

1.
let str = arr.join(); 
console.log(str) // Hello,World,JavaScript,!!!

2.
str = arr.join("");
console.log(str) // HelloWorldJavaScript!!!

3.
str = arr.join(" ");
console.log(str) // Hello World JavaScript !!!

2. forEach() 반복문으로 문자열 변환

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) // Hello World JavaScript !!!

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

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

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

let str = arr.toString();
console.log(str) // Hello,World,JavaScript,!!!

아래와 같이 replace()를 사용하여 쉼표가 아닌 다른 구분자로 변경 할 수 있다

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

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

References

https://codechacha.com/ko/javascript-array-to-string/