[Javascript] 배열과 filter, map, join, forEach

배열의 filter, map, join, forEach

배열에 저장된 값을

filter()를 사용해 특정 조건에 맞게 추출할 수 있다.

map()을 사용해 값을 처리할 수 있다.

join()을 사용해 값을 문자열로 변환할 수 있다.

forEach()를 사용해 배열을 돌며 작업을 할 수 있다.

 

 

filter()를 사용해 특정 조건에 맞는 배열의 값만 추출하기

var arr = [1, 2, 3, 4, 5]

var newArr = arr.filter(num => num % 2 == 0);
console.log(newArr); // [2, 4]

 

map()을 사용하여 배열의 값을 가공하기

var arr = [2, 4, 6, 8, 10];

var newArr = arr.map(arr => arr / 2);
console.log(newArr) // [1, 2, 3, 4, 5]

 

join()을 사용하여 배열의 값을 문자열로 변환하기

var arr = [1, 2, 3, 4, 5];
var notArr = arr.join();

console.log(notArr); // 1,2,3,4,5

 

forEach()를 사용하여 배열 값을 하나씩 출력하기

var arr = [1, 2, 3, 4, 5];
arr.forEach(n => console.log(n));
// 1
// 2
// 3
// 4
// 5

 

* multiple 속성의 select 요소에서 선택된 값 가져오기

var vlist = document.querySelector('#selectList option');

var vselected = [...vlist].filter(opt => opt.selected).map(opt => opt.value);