[Javascript] map 함수

map() 함수

배열을 순회하면 지정된 콜백 함수를 적용하여 각 요소를 변환하고,

그 변환된 값을 모아서 새로운 배열로 반환하는 역할을 수행한다.

 

 

// 각 숫자를 2배로 만들어 새로운 배열 생성
const numbers = [1, 2, 3, 4, 5];

const doubleNumbers = numbers.map(function (num) {
  return num * 2;
});

console.log(doubleNumbers);

// 각 숫자의 제곱 값을 가지는 새로운 배열 생성
const numbers1 = [1, 2, 3, 4, 5];

const squaredNumbers = numbers1.map(function (number) {
  return number * number;
});

console.log(squaredNumbers);

// 문자열 배열에서 각 문자열을 소문자로 변환하여 새로운 배열 생성
const fruits = ["Apple", "Banana", "Cherry"];

const lowercaseFruits = fruits.map(function (fruit) {
  return fruit.toLocaleLowerCase();
});

console.log(lowercaseFruits);

// 객체 배열에서 사용자 이름만 추출하여 새로운 배열 생성
const users = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" },
];

const names = users.map(function (username) {
  return username.name;
});

console.log(names);

// 조건에 따라 배열의 각 요소를 대체 값으로 변경하여 새로운 배열 생성
const numbers2 = [1, 2, 3, 4, 5];

const modifiedNumbers = numbers2.map(function (num1) {
  if (num1 % 2 == 0) {
    return "Even";
  } else {
    return "Odd";
  }
});

console.log(modifiedNumbers);

 

 

 

---