자바스크립트 javascript array to string 배열을 문자로 변경

자바스크립트 javascript array to string 배열을 문자로 변경

자바스크립트에서 배열을 문자로 변경하는 방법에 대해 알아보겠습니다.
javascript 문자열 내장 함수인 join 메서드를 이용하는 방법과 for문를 이용하여 배열을 문자열로 변경할 수 있습니다. 두 가지 방법을 비교해 보겠습니다.

• join: 배열의 모든 요소를 합쳐 하나의 문자열을 반환합니다.

- join

배열의 모든 요소를 합쳐 하나의 문자열을 반환합니다.
새로운 문자열을 반환합니다.

Syntax: arr.join([separator])

let array1 = ['one', 'two', 'three'];
 
console.log(array1.join());
// output: "one,two,three"
 
console.log(array1.join(''));
// output: "onetwothree"
 
console.log(array1.join('-'));
// output: "one-two-three"

INFO: 구분자를 생략하면 쉼표로 구분되어 새로운 문자열을 반환합니다.

for문 사용

let array1 = ['one', 'two', 'three'];

let str = '';
let separator = ',';
for (let i=0; i<array1.length; i++) {
    str += array1[i] + (i == array1.legnth - 1 ? '' : separator);
}

console.log(str);
// output: "one,two,three"

INFO: for문을 이용하여 구현할 수 있으나 join 함수를 사용하는게 편하고 쉽다.

2차원 배열 join 함수 적용

let array1 = [
    ['one', 'two', 'three'],
    ['four', 'five', 'six'],
    ['seven', 'eight', 'nine'],
];
console.log(array1.join("-"));
// output: "one,two,three-four,five,six-seven,eight,nine"

INFO: 이차원 배열에 join 함수를 사용하면 내부 배열은 쉼표(default)로 구분되어 지고 외부 배열이 구분자로 구분됩니다.

javascript array 내장 함수인 join 함수, 배열의 요소를 구분자로 구분하여 하나의 문자열로 반환하는 함수에 대해 알아보았습니다.
핸드폰 번호를 표시할 때 구분자로 - 기호를 쓰거나 어떤 주제에 대한 태그 목록을 # 기호로 구분하여 표시할 때 유용하게 쓸 수 있을꺼 같습니다.

[javascript] - 자바스크립트 javascript 문자열 찾기

[javascript] - 자바스크립트 javascript 문자열 공백 제거 trim

[javascript] - 자바스크립트 javascript 문자열 합치기

[javascript] - 자바스크립트 javascript 문자열 바꾸기 치환

[javascript] - 자바스크립트 javascript 문자열 추출 / 자르기