📖 [JavaScript] Array Method(2) -sort, reduce

📌 arr.sort() : 배열 재정렬

배열 자체가 변경되니 주의
인수로 배열 로직을 담은 함수를 받음

let arr = [1,5,4,2,3]
arr.sort();
console.log(arr); [1,2,3,4,5]

문자열도 알파벳 순서대로 잘 정렬이 됨, 정렬할 때 문자열로 생각

let arr = [27,13,4,5]
arr.sort();
console.log(arr); [13, 27, 4, 5] 
//문자열로 생각하므로 앞의 숫자가 1,2인 숫자가 앞에 온 것! 
function fn(a,b){
  return a-b;
} 
//a와 b를 비교해서 양수, 음수 0을 return함
//a가 적으면 음수 이땐 a를 앞으로 보냄, 크면 양수를 반환 따라서 이때 b를 앞으로 보냄
arr.sort(fn);
console.log(arr); [4,5,13,27]

보통은 Lodash같은 라이브러리를 사용!
_.sortBy(arr) : 어떤것이 들어있는 지 상관없이 제대로 정렬을 해줌!
Lodash 실무에서 오지게 사용! 확인해보기~

📌 arr.reduce() : 배열의 모든 수 합치기

인수로 함수를 받음
forEach, for 등을 사용하지 않아도 됨!

let arr = [1,2,3,4,5]
const result = arr.reduce((prev, cur) => {
  return prev + cur; 
},0)
 //prev: 현재까지 누적된 계산 값, cur: 현재 값, 초깃값: 0
 // 초기값이 첫번째 prev가 되는 것! 

초기값을 안 쓰면 첫번째 값이 됨

let userList = [
  {name: "Mike", age:30},
  {name: "Tom", age:10},
  {name: "Jane", age:27},
  {name: "Harry", age:12},
  {name: "Steve", age:60},
];
let result = userList.reduce((prev, cur)=>{
  if(cur.age>19){
    prev.push(cur.name);
  }
  return prev;
}, []);
console.log(result); //["Mike", "Jane", "Steve"]

arr.reduceRight(): reduce와 동일하지만 내용이 우측부터 시행됨.