[jQuery] $.map()

$.map(array, function(element, index) {
    return value;
});

주요 특징

1. array은 순회할 배열 또는 유사한 배열입니다.
2. 콜백 솔루션은 배열의 요소와 반대되는 주장을 제기하지 않습니다.
3. 콜백에서 return값을 사용하여 새로운 배열을 적용합니다.
4. null이나 undefined에는 결과 배열이 제외됩니다.

 

예시 1: 숫자 배열 변환

배열의 각 숫자를 제곱하는 예제입니다.

let numbers = [1, 2, 3, 4];
let squares = $.map(numbers, function(value) {
    return value * value;
});

console.log(squares); // [1, 4, 9, 16]

 

예시 2: 배열에서 특정 속성 추출

배열에서 특정 속성만 추출하여 새 배열을 포함합니다.

let users = [
    { id: 1, name: "Alice" },
    { id: 2, name: "Bob" },
    { id: 3, name: "Charlie" }
];

let names = $.map(users, function(user) {
    return user.name;
});

console.log(names); // ["Alice", "Bob", "Charlie"]

 

예시 3: 조건부로 값변환

특정 조건에 맞는 요소만 변환해 드립니다.

let numbers = [1, 2, 3, 4, 5];

let evenNumbers = $.map(numbers, function(value) {
    if (value % 2 === 0) {
        return value * 10; // 짝수만 변환
    }
});

console.log(evenNumbers); // [20, 40]