반응형
sort( ) / reverse( ) 함수로 순서 정렬하기
01. sort() : 알파벳 순서로 요소 정렬
const names = ["Chloe", "Andy", "Jake", "David"];
names.sort();
console.log(names);
// ['Andy', 'Chloe', 'David', 'Jake']
02. reverse() : 역순으로 요소 정렬
const names = ["Chloe", "Andy", "Jake", "David"];
names.reverse();
console.log(names);
// ['Jake', 'David', 'Chloe', 'Andy']
sort( ) 함수로 올림차순/내림차순 최소값/최대값 반환
sort((a, b) => {return a-b}) : 올림차순으로 정렬
const nums = [5, 3, 20, 50, 30];
nums.sort((a,b) => {
return a-b; // [3, 5, 20, 30, 50]
});
sort((a, b) => {return b-a}) : 내림차순으로 정렬
const nums = [5, 3, 20, 50, 30];
nums.sort((a,b) => {
return b-a; // [50, 30, 20, 5, 3]
});
sort((a, b) => {return a-b})[0] : 최소값 반환
const nums = [5, 3, 20, 50, 30];
nums.sort((a,b) => {
return a-b; // [50, 30, 20, 5, 3]
});
console.log(nums[0]); // 3
sort((a, b) => {return b-a})[0] : 최대값 반환
const nums = [5, 3, 20, 50, 30];
nums.sort((a,b) => {
return b-a; // [50, 30, 20, 5, 3]
});
console.log(nums[0]); // 50
반응형
'프론트엔드 > Javascript' 카테고리의 다른 글
자바스크립트 < requestAnimationFrame() > 애니메이션 만들기위한 개념잡기 (0) | 2022.02.15 |
---|---|
JavaScript로 style(CSS)의 속성을 추가/변경/삭제/읽기 (0) | 2022.02.12 |
JS 이벤트 메서드 addEventListener 이벤트리스너 종류 모음 (0) | 2022.02.04 |
자바스크립트 < 비구조화 할당 (구조분해 할당)에 대해 알아보기> (0) | 2022.01.22 |
자바스크립트 parseInt() / parseFloat() - 해당값을 정수/실수로 반환 - JS (0) | 2022.01.21 |