Sort() 오름차순 내림차순 글자순, [...arr]

o:kcalb·2024년 2월 23일

Vue

목록 보기
13/28
post-thumbnail

.sort()

  • array의 아이템을 숫자순으로 정렬하고 싶을 때 사용
  • 문자정렬이라 첫번째 글자 순서대로
  • 원본을 변형시키기 때문에 복제하고 사용 [...arr]
[3, 2, 1].sort(); //[1, 2, 3]
let arr = [3, 2, 1];
arr.sort();
console.log(arr); //[1, 2, 3]
[9 ,88, 777, 6666].sort();
//[6666, 777, 88, 9] 문자정렬이어서 나타나는 현상

숫자 오름차순

  • a, b는 배열 안에 있는 데이터들임(비교를 위한)
    ex) 9, 88, 88, 777, 777, 6666
let arr = [9 ,88, 777, 6666];

arr.sort(function(a, b){
	return a - b;
  	//이 부분이 음수면 a를 왼쪽으로~
  	//함수일 경우: return a.key - a.key;
});

숫자 내림차순

let arr = [9 ,88, 777, 6666];

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

객체 글자순

let arr = ['가' ,'나', '다', '라'];

arr.sort(function(a, b){
  return a.title < b.title ? -1 : a.title > b.title ? 1 : 0;
  
  // 아래는 위의 삼항연산자를 풀어쓴 것 
  // (return a.title < b.title ? -1 : a.title > b.title ? 1 : 0;) 
  // if (a.title < b.title) {
  //   return -1;
  // } else if (a.title > b.title) {
  //   return 1;
  // } else {
  //   return 0;
  // }
});

참고사이트

글자순
내림차순

profile
모든 피드백 받습니다 😊

0개의 댓글