home
자바
home
🤦🏽‍♂️

배열 메소드2(sort, reduce)

강의명
자바스크립트 중급 강좌
강의순서
8
과목
⚽자바스크립트
수강상태
완료

arr.sort()

배열 재정렬
배열 자체가 변경되니 주의
let arr = ['a', 'c', 'd', 'e', 'b']; arr.sort(); console.log(arr); // ['a', 'b', 'c', 'd', 'e']
JavaScript
복사
문자열을 비교하기 때문에 숫자배열을 정렬할 경우에는 문제가 있다.
값을 비교해줄 수 있는 함수를 전달해준다.
let arr = [27, 8, 5, 13]; arr.sort((a, b) => { return a - b; }); console.log(arr);
JavaScript
복사
※ 실무에서는 Lodash 라이브러리를 많이 사용한다.
숫자든 문자든 객체든 원하는 기준으로 정렬해준다.
ex) _sortBy(arr);

arr.reduce()

인수로 함수를 받음
(누적 계산값, 현재값) ⇒ { return 계산값 };
let userList = [ {name: "Mike", age: 30}, {name: "Tom", age: 10}, {name: "Jane", age: 27}, {name: "Sue", age: 26}, {name: "Harry", age: 42}, {name: "Steve", age: 60} ]; let result = userList.reduce((prev, cur) => { if(cur.age > 19) { preve.push(cur.name); } return prev; }, []); console.log(result); // ["Mike", "Jane", "Sue", "Harry", "Steve"]
JavaScript
복사