TIL(20210718) - sort() 메서드 사용법

🎁 Today

- JavaScript Object 복습

- JavaScript Array 함수 10 종류 학습

 

🤔 Learned

Array.prototype.sort()

배열의 요소를 정렬(오름차순)

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

// > Array [1, 2, 3, 4, 5]

배열의 요소를 정렬(내림차순)

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return b - a;
});
console.log(numbers);

// > Array [5, 4, 3, 2, 1]

---

객체의 속성 값을 기준으로 정렬(오름차순)

var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic', value: 13 },
  { name: 'Zeros', value: 37 }
];

// value 기준으로 정렬(오름차순)
let result = items.sort(function (a, b) {
  if (a.value > b.value) {
    return 1;
  }
  if (a.value < b.value) {
    return -1;
  }
  // a must be equal to b
  return 0;
});


let real = result.map((el) => el.value)
console.log(real)

// > Array [-12, 13, 21, 37, 37, 45]

객체의 속성 값을 기준으로 정렬(내림차순)

// value 기준으로 정렬(내림차순)
let result = items.sort(function (a, b) {
  if (a.value > b.value) {
    return -1;
  }
  if (a.value < b.value) {
    return 1;
  }
  // a must be equal to b
  return 0;
});


let real = result.map((el) => el.value)
console.log(real)

// > Array [45, 37, 37, 21, 13, -12]

 

---

sort() 객체의 속성값 기준으로 정렬 하는 부분은 처음 봤을 때 이게 뭔가 싶었는데 응용 되어 있는 부분을 봐서 
이해하기 어려웠던 것 같다. 

다시 보니 전 보다는 훨씬 이해가 잘 된다. 자주 읽어 봐야겠다

이외에도 

some(), every() 함수 등도 배웠는데 개인적인 생각으로 filter(), map(), reduce() 함수로 대체 가능하다고 생각되어 따로 정리하지는 않았다.

이후에 정리가 필요하다고 생각이 들면 정리해야겠다.

 

🌈 Tomorrow

- 커리큘럼 복습

- JavaScript 콜백 학습

- 알고리즘 공부