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() 메서드를 언제 사용해야 하는지 이해하셨기를 바랍니다.

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

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

    좋은 웹페이지 즐겨찾기