UX·UI - FrontEnd Dev. Story

프론트엔드/Javascript

자바스크립트 배열 내장함수 - 올림차순 내림차순 / 순서정렬하기

클로이겅쥬 2022. 2. 11. 10:11
반응형

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

반응형