728x90
반응형
1. Array.prototype.join()
join 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.
기본문법
<javascript />[문자열].join(); [문자열].join([구분자]);
예제
<html />
<script>
const array = ['mouse','keyboard','speaker','monitor','desktop'];
console.log(array); // 배열 출력
console.log(array.join()); // join함수에 인자가 없으면 default로 콤마(,)를 준다.
console.log(array.join(', and ')); // 인자를 받아 문자열로 변환후 출력
</script>
결과
응용편
============================================================================
<javascript />
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함수와 함께 사용하면 된다.
<javascript />
let setString = PCs.map((key)=>key.price).join();
console.log(setString);
//결과 : '1300000,795000,1170000,920000'728x90
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
| [JS] reverse 함수를 사용하여 배열 안의 데이터를 반전 시켜보자 (0) | 2022.03.09 |
|---|---|
| [JS] javascript 문자열을 구분자를 이용하여 배열로 변환해보자 ( feat. split함수 ) (0) | 2022.03.09 |
| [JS] createElement()를 사용하여 스크립트 태그를 생성하고 등록해보자. ( feat. appendChild(), createTextNode() ) (0) | 2022.03.08 |
| [JS] ES6 : map에서 반복문을 실행 해보자. ( for of, forEach ) (0) | 2022.03.05 |
| [JS] 자바스크립트 :: Object(객체)의 for문 사용방법 (0) | 2022.03.05 |
