Frontend/javaScript

[javascript] sort() (정렬/객체배열정렬)

dddzr 2022. 6. 11. 11:44

1. sort()

arr.sort([compareFunction])

 

compare함수 파라미터 가 생력되면,

배열의 element들은 문자열로 취급되어, 유니코드 값 순서대로 정렬됨.

 

1. 오름차순 (숫자)

일반적인 문자열 배열은 arr.sort()하면 오름차순으로 정렬됨!But, 숫자일 경우 [10, 2, 1].sort()하면 [1, 10, 2]가 됨!!-> int로 parse하는 함수 작성

let brr = arr.sort(function(a, b) {
    return parseInt(a) - parseInt(b);
});

 

2. 내림차순

리턴이 b - a

let brr = arr.sort(function(a, b) {
    return b - a;
});

 

3. 객체 배열

객체로 이루어진 배열일때는 객체의 key값을 하나 지정하여 비교함

//let arr = [{name: "a", age: 21, adress: ""}, {name: "b", age: 25, adress: ""}]
let brr = arr.sort(function(a, b) {
    return a.name - b.name;
});
let crr = arr.sort(function(a, b) {
    return parseFloat(a.age) - parseFloat(b.age);
});

 

'Frontend > javaScript' 카테고리의 다른 글

Iframe 깜빡임 방지 및 로딩창(load이벤트 이용)  (0) 2023.01.08
setTimeout(), clearTimeout()  (0) 2022.07.11
dialog option  (0) 2022.05.28
깊은 복사(deep copy), 얕은 복사(shallow copy)  (0) 2022.04.30
callback 함수  (0) 2022.03.08