[JS] javascript 배열을 구분자를 이용해 문자열로 변환해보자. ( feat . join함수, map함수)

Array.prototype.join()

 

join 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.

 

 

기본문법

[문자열].join();
[문자열].join([구분자]);

 

예제

<script>
    const array = ['mouse','keyboard','speaker','monitor','desktop'];
    console.log(array); // 배열 출력
    console.log(array.join()); // join함수에 인자가 없으면 default로 콤마(,)를 준다.
    console.log(array.join(', and ')); // 인자를 받아 문자열로 변환후 출력
</script>

 

결과

 

 

응용편

============================================================================

 

let PCs = [
    {'monitor' : 'LG', 'cpu' : 'AMD', 'speaker' : 'BRITS', 'price' : 1300000},
    {'monitor' : 'SAMSUNG', 'cpu' : 'INTEL', 'speaker' : 'BRITS', 'price' : 795000},
    {'monitor' : 'LG', 'cpu' : 'INTEL', 'speaker' : 'BRITS', 'price' : 1170000},
    {'monitor' : 'LG', 'cpu' : 'AMD', 'speaker' : 'BRITS', 'price' : 920000}
];

 

PCs 배열의 price만 뽑아서 문자열로 만들고 싶다면 아래처럼 join함수를 map함수와 함께 사용하면 된다.

 

let setString = PCs.map((key)=>key.price).join();
console.log(setString);
//결과 : '1300000,795000,1170000,920000'