[JavaScript] map(), sort() 메소드

---

📝 2022. 10. 29

JavaScript / map(), sort() 메소드

---

📌 Today I Learned

• map()
• sort()

💬 map()

• map() 메소드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

const array = [4, 9, 16, 25];
const map = array.map(n => n * 2);

console.log(map);
// expected output: [8, 18, 32, 50]

const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt);

console.log(numbers.map(Math.sqrt));
// expected output: [2, 3, 4, 5]

💬 sort()

• sort() 메소드는 배열 내의 원소를 정렬하여 반환한다.
  • 오름차순, ASCII 문자 순서로 정렬
  • 첫 번째 인수가 두 번째 인수보다 작을 경우 - 값
  • 두 인수가 같을 경우 0
  • 첫 번째 인수가 두 번째 인수보다 클 경우 + 값

문자 정렬

const season = ['fall', 'summer', 'spring', 'winter'];
const name = season.sort();

console.log(season.sort());
// expected output:  ['fall', 'spring', 'summer', 'winter' ]

숫자 정렬

const score = [7, 3, 2, 12, 34, 6]; 

/* 오류 */
score.sort(); 
// expected output: [12, 2, 3, 34, 6, 7]
// ASCII 문자 순서로 정렬되어 숫자의 크기대로 나오지 않음

/* 정상 동작 */
score.sort(function(a, b) { // 오름차순
    return a - b;
    // expected output: [2, 3, 6, 7, 12, 34]
});

score.sort(function(a, b) { // 내림차순
    return b - a;
    // expected output: [34, 12, 7, 6, 3, 2]
});

👀 돌아보기