티스토리 뷰

JavaScript

JavaScript 배열 메소드

IT공부블로그 2019. 5. 2. 15:46
728x90
반응형

Filter


이름 그대로 특정조건에 만족하는값만 걸러내어 새로운 배열 생성

ex) arr.filter( data => data.length > 6);


Sort


배열 안의 내용을 정렬시킨다    숫자는 오름차순 문자는 A,B,C,D 순

객체배열을 정렬하는방법은 따로 글을 써뒀으니 참조

ex) arr.sort();


map


배열 안의 데이터마다 주어진 함수 처리를한후 새로운 배열 생성

ex) arr.map( data => data * 2 );


forEach


배열에 들어있는 데이터에 주어진함수를 실행한다

ex) arr.forEach( data => console.log(data); );


reduce


배열의 각 데이터에 리듀서함수를 실행한다 

filter, map을 몰라도 reduce만으로 구현이 가능하다 

사용하기에따라 유연하게 사용할수있다

ex) arr.reduce( (pre, val, index, arr) => {

if( !pre[val] ){

pre[val] = 0;

}

pre[val]++;

return pre;

}, {} );


reduce Parameter


reduce( callback, initialValue)

initialValue : 선택사항, callback의 첫번째 인수로 사용되는 값


callback Parameter


PreviousValue : 이전 마지막 콜백호출의 리턴값 or 위에있는 initialValue

CurrentValue : 배열의 현재 처리되고 있는값

Index : 배열의 현재 처리되고 있는값의 인덱스

array : reduce에 호출되는 배열



728x90
반응형

'JavaScript' 카테고리의 다른 글

[JavaScript] JavaScript에서 JSTL 사용  (0) 2019.05.29
[JavaScript] JS tip  (0) 2019.05.26
[JavaScript] classList  (0) 2019.05.03
object sort()를 이용하여 정렬하는방법  (0) 2019.05.02
비동기  (0) 2019.04.17
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함