[JavaScript] 다양한 Event 사용 연습문제 중 (.push, .join)

항목의 선택 값을 출력

 

겪은 문제

1. 출력하는건 문제없었다. 단지 체크박스를 여러개 눌렀을 때, 출력되는 데이터와 데이터 사이에 쉼표를 넣어주고 싶었다.

 => 처음 해본거

let checkValues = '';
checks.forEach((v) => {
	if(v.checked){
	checkValue += (v.value + " ");
	}
});

=> 첫 번째 데이터 앞에도 쉼표가 붙어버려서 실패..

 

=> ??? : 리스트 하나 선언하고, .push로 값 넣고, 마지막에 .join 쓰세요!

=> 그게뭐에요..? 아니 일단 해볼게요..

let checkValues = [];
checks.forEach((v) => {
	if(v.checked){
    	checkValues.push(v.value);
    }
});
let checkValue = checkValues.join(', ');
console.log(checkValue);

=> 뭐야 진짜 됨.. 

=> push는 알았는데, join은 뭐에요?

 

 

• .join() 메서드는 배열의 모든 요소를 문자열로 결합함
• .join(', ')에서 ', '는 구분자(separator). 이 구분자가 배열의 각 요소 사이에 삽입됨
• 결과값은 배열의 모든 요소가 지정된 구분자로 연결된 하나의 문자열임

=> 아하!! 오늘도 새로운거 하나 알아간다.