ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JS] forEach
    JavaScript 2022. 11. 30. 09:54
    반응형
    SMALL

     

     

    forEach 메서드
    Javascript의 forEach메서드는 배열을 순회하는 여러방법중 하나이다.

     

    • Current Value (명명된 매개변수) - 처리할 현재요소
    • Index (선택적 매개변수) - 처리할 현재요소의 인덱스
    • Array (선택적 매개변수) - forEach메서드를 호출한 배열

     

    # forEach메서드를 사용해 배열을 순회하려면 콜백함수 또는 익명함수가 필요하다.

    const number = [1, 2, 3, 4, 5];
    number.forEach(obj=> console.log(obj));
    // 1
    // 2
    // 3
    // 4
    // 5

     

     

     

     

     

    # Index 선택적 매개변수 

    • 첫 번째 선택적 매개변수는 각 요소의 순서를 나타내는 인덱스이다.
    • 즉, 두 개의 매개변수를 활용하여 메서드를 사용하면 두 번째 매개변수를 통해 요소의 인덱스를 확인할 수 있다.
    number.forEach((obj, index) => {
    	console.log('Index: ' + index + ' Value: ' + obj);
    });
    // "Index: 0 Value: 1"
    // "Index: 1 Value: 2"
    // "Index: 2 Value: 3"
    // "Index: 3 Value: 4"
    // "Index: 4 Value: 5"

     

     

     

     

     

     

    반응형
    LIST

    'JavaScript' 카테고리의 다른 글

    [JS] keydown, keyup, keypress  (0) 2022.12.07
    [JS] focus, blur Event  (0) 2022.12.06
    [JS] sort  (0) 2022.11.29
    [JS] console 로그 스타일 적용  (0) 2022.11.28
    [JS] lodash란?  (0) 2022.11.25

    댓글

Designed by Tistory.