"자바스크립트 객체 정렬"의 두 판 사이의 차이

2번째 줄: 2번째 줄:
;자바스크립트 오브젝트 정렬
;자바스크립트 오브젝트 정렬


==key로 정렬==
<syntaxhighlight lang='javascript' run>
<syntaxhighlight lang='javascript' run>
const obj = {
const obj = {
20번째 줄: 21번째 줄:
);
);
console.log(out2) // { m: 0, i: 5, c: 3, b: 9 }
console.log(out2) // { m: 0, i: 5, c: 3, b: 9 }
</syntaxhighlight>
==value로 정렬==
<syntaxhighlight lang='javascript' run>
const obj = {
    i: 5,
    c: 3,
    b: 9,
    m: 0,
};


// value로 오름차순 정렬
// value로 오름차순 정렬
32번째 줄: 43번째 줄:
console.log(out4) // { b: 9, i: 5, c: 3, m: 0 }
console.log(out4) // { b: 9, i: 5, c: 3, m: 0 }
</syntaxhighlight>
</syntaxhighlight>
==같이 보기==
==같이 보기==
* [[자바스크립트 정렬]]
* [[자바스크립트 정렬]]

2022년 4월 20일 (수) 18:33 판

1 개요

자바스크립트 오브젝트 정렬

2 key로 정렬

const obj = {
    i: 5,
    c: 3,
    b: 9,
    m: 0,
};

// key로 오름차순 정렬
const out1 = Object.fromEntries(
    Object.entries(obj).sort(([a],[b]) => a < b? -1: 1 )
);
console.log(out1) // { b: 9, c: 3, i: 5, m: 0 }
// key로 내림차순 정렬
const out2 = Object.fromEntries(
    Object.entries(obj).sort(([a],[b]) => a > b? -1: 1 )
);
console.log(out2) // { m: 0, i: 5, c: 3, b: 9 }

3 value로 정렬

const obj = {
    i: 5,
    c: 3,
    b: 9,
    m: 0,
};

// value로 오름차순 정렬
const out3 = Object.fromEntries(
    Object.entries(obj).sort(([,a],[,b]) => a < b? -1: 1 )
);
console.log(out3) // { m: 0, c: 3, i: 5, b: 9 }
// value로 내림차순 정렬
const out4 = Object.fromEntries(
    Object.entries(obj).sort(([,a],[,b]) => a > b? -1: 1 )
);
console.log(out4) // { b: 9, i: 5, c: 3, m: 0 }

4 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}