JavaScript 배열 방법 -map()

개발자 여러분, 안녕하세요.

코딩하는 동안 코드 어딘가에 확실히 배열합니다. 배열을 사용한 경우 배열을 통해 루프를 작동하는 방법을 알아야 합니다.
그래서 기본적으로 이 블로그에서는 가장 많이 사용되는 자바스크립트 배열 방식에 대해 알아보도록 하겠습니다. 예, 올바르게 추측하셨습니다. map() 방법입니다.

지도()

map() 방법을 언제 어디서 사용해야 하는지 혼동하지 않도록 아래에 기록된 모든 사항을 기억하십시오.

배열을 반복하는 데 사용되며 forEach() 및 for of 루프와 같습니다.

원래 배열을 변경하지 않습니다.

새 배열을 반환합니다.

통사론

const array = [2, 4, 5, 6]

// it takes a callback function
// array.map(callbackFn())

// parameters of callback function
// 1. callbackFn(element)
// 2. callbackFn(element, index)
// 3. callbackFn(element, index, arrary)    the 3rd one is the original array where we are using map()

3문항으로 자바스크립트map()를 배워보겠습니다.

질문 1

// Create a new array based on the given array with twice every element.
// double [2, 6, 4, 16, 18, 10, 2, 14]

const myArray = [1, 3, 2, 8, 9, 5, 1, 7]

const doubledArray = myArray.map((el) => el * 2)

질문 2

// Create a new array based on the given array with the sum of index + element at that index.
// double [1, 4, 4, 11, 18, 10, 2, 14]

const myArray = [1, 3, 2, 8, 9, 5, 1, 7]

질문 3

// create a new array based on the given array object, the new array should contain 

const items = [
    {
        id: 1,
        fName: 'John',
        lName: 'Doe',
    },
    {
        id: 2,
        fName: 'Julia',
        lName: 'Green',
    },
    {
        id: 3,
        fName: 'Thomas',
        lName: 'Freguson',
    },
    {
        id: 4,
        fName: 'Jane',
        lName: 'Smith',
    },
    {
        id: 5,
        fName: 'Maria',
        lName: 'Reese',
    },
]

const newItems = items.map((el) => `${el.fName} ${el.lName}`)
// ['John Doe', 'Julia Green', 'Thomas Freguson', 'Jane Smith', 'Maria Reese']

javascript에서 map() 메서드를 언제 사용해야 하는지 이해하셨기를 바랍니다.

질문이 있으시면 댓글에 게시하실 수 있습니다.

에서 나와 연결할 수도 있습니다.