javascript 배열 메소드2(sort, reduce)

- arr.sort(): 배열 재정렬, 인수로 정렬 로직을 담은 함수를 받음
배열 자체가 변경 되어서 주의 필요

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

let arr = ['a','d','z','c','w'];
arr.sort();
console.log(arr); //(5) ['a', 'c', 'd', 'w', 'z']

앞자리 숫자를 인식해서 배열하기 때문에 숫자 순서대로 배열할 경우 fn 사용해야함
함수 이용해 양수인지 음수인지 0 인지 판단

let arr = [27,8,5,13];
arr.sort((a,b) => {
  return a - b;
});
console.log(arr); //(4) [5,8,13,27]

-> 이러한 함수를 이용하기 위해 라이브러리 Lodash(https://lodash.com/) 사용
Lodash 사용할 경우 _.sortBy(arr); 사용

숫자, 문자, 객체를 원하는 기준으로 정렬해줌   =>추후에 공부하기!

 

- arr.reduce(): 인수로 함수를 받음

(누적 계산값, 현재값)  => { returen 계산값};

let arr = [1,2,3,4,5];
const result = arr.reduce((prev, cur) => {
  return prev + cur;
},0) 
console.log(result); //15

prev: 누적된 계산값

cur: 현재값

0: 초기값(쓰지 않을 경우 첫번째 값이 들어감)
100 이 들어갈 경우 최종값이 115로 나옴

 

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){
    prev.push(cur.name)
  }
  return prev;
},[]);

console.log(result); //['Mike', 'Jane', 'Sue', 'Harry', 'Steve']

모든 나이 합 구할 경우

let result = userList.reduce((prev, cur)=>{
  return(prev += cur.age)
},0);

console.log(result); //195

이름이 3글자인 사람

let result = userList.reduce((prev, cur)=>{
  if(cur.name.length === 3){
    prev.push(cur.name)
  }
  return prev;
},[]);

console.log(result); //["Tom","Sue"]