괴발개발/Javascript+JQuery

JS_반복문(for in, for of, forEach)

moonday 2021. 6. 21. 00:32

더보기

    - for in : 인덱스를 가져와서 활용하는 방법
      - 인덱스 : 배열인 경우 번지, 객체인 경우 속성명

    var arr = [1,2,3];
    console.log('배열');
    for(var index in arr){
      console.log('arr['+index+'] = ' + arr[index]);
    }

    var obj = {grade : 1, name: '설리반'};
    console.log('객체');
    for(var index in obj){
      console.log(index+' = ' + obj[index]);
    }

 

더보기

   - for of: 값을 가져와서 활용하는 방법(자바의 향상된 for문)
      - 배열사용가능, 객체사용 불가

* for of로 객체사용이 안되는 이유로 오류나서 객체는 주석처리

    console.log('배열');
    for(var value of arr){
      console.log(value);
    }

    console.log('객체-응안돼');
     //객체 사용 불가능
//     for(var value of obj){
//      console.log(value);
//    }

 

더보기

- forEach(function(value, index, array){}) : 메서드
  - 원소 하나당 한번씩 실행

    arr.forEach(function(value, index, array){
      console.log('arr['+index+'] = ' + arr[index]);
      console.log('arr['+index+'] = ' + array[index]);
      console.log('arr['+index+'] = ' + value);
    })

for Each 메서드를 이해할 때 참고하면 좋은 글 : https://pangtrue.tistory.com/186

 

'괴발개발 > Javascript+JQuery' 카테고리의 다른 글

JS_정규표현식  (0) 2021.06.21
JS_날짜(Date, Date형식 수정)  (0) 2021.06.21
JS_객체  (0) 2021.06.18
JS_클래스  (0) 2021.06.18
JS_배열  (0) 2021.06.18