JavaScript 배열을 알아보자(Sort,reduce)

최종현·2022년 6월 8일
2

Modern JavaScript

목록 보기
2/2
post-thumbnail

배열 함수는 여러개가 있다. 그중 나는 map을 가장 많이 사용하고있고, sort와 reduce를 보니 나중에 응용 가능성이 보여 작성하기로했다.

Sort란?!

쉽게말해 배열 재정렬이라고 생각하면된다.
sort 자체를 쓰면 문자 정렬을 해준다

	let  arr = ["a","c","b","d","f"];
	arr.sort();
	console.log(arr)

하지만 배열에 숫자를 넣게되면
    let  arr = ["14","5","12","12","33"];

    arr.sort();

    console.log(arr)

순서가 뒤죽박죽으로 나와 함수를 이용해 사용해야한다.

 let  arr = ["14","5","12","12","33"];

    arr.sort((a,b)=>{

        return a-b;

    });

    console.log(arr)
위와같이 잘나오는것을 볼수있다.

Reduce란?!

인수로 함수를 받고 보통 연산을 할때 많이 쓰인다
arr.reduce() (누적 값 , 현재값) => {return result}

let  arr = [1,5,2,2,33];

    const result = arr.reduce((누적된값,현재값)=>{

        return 누적된값 + 현재값
    },0)

    console.log(result)
  let  arr = [
    {name:"구찌" ,price:40},
    {name:"프라다" ,price:30},
    {name:"발렌티노" ,price:20},
    {name:"루이비통" ,price:50},
    
    ]

;

    const result = arr.reduce((누적된값,현재값)=>{
        if(현재값.price>30){
            누적된값.push(현재값.name,현재값.price)
        }
        return 누적된값;
    },[])

    console.log(result)

이런식으로도 사용이가능하다.

profile
404 와 500 사이

0개의 댓글