코딩/자바스크립트

JS / 배열, for in

민여 2022. 3. 28. 21:30

규칙이 없는 것도 반복할수있는 

배열과 For in문 

 

배열이란?

값을 여러개 저장하는 공간

기본 내장 객체의 한 종류 

 

var 배열명=[값1, 값2, 값3];

 

배열 전체 호출: 배열명

배열값 일부 호출: 배열명[인덱스번호] 

 

여러개를 나열하다보니 개수를 반환하는 length라는 속성이 있다. 

ex) alert('소녀시대는 ' + ' + gg.length + ' 명입니다.'); 

 

배열에는 문자열 숫자 불 함수 객체 전부 다 담을수있다 변수랑 같은데 값을 나열하는것 뿐

 

배열 for문          // alert(gg[0]);이걸 배열있는만큼 반복해서 작성하지 않아도 된다는 것 

gg에 배열값 줬음

for(var i=0;i<gg.length;i++){

 alert(gg[i]);

}              

 

for in은 배열/객체를 반복 

for(var i in 배열명){

  반복할 표현식

}

 

for(var i in gg){

 alert(gg[i]);                    //위랑 같은 값이 나오는데 간단하게 표현할수있음 

}

 

선택상자에 휴대폰앞자리 출력

var output = '<select>';

var firstNum = ['010','011','016','017'];

for(var i in firstNum){

output += '<option>' +firstNum[i] + '</option>';

}

output+='</select>';

 

document.write(output);

 

지역번호 반환

var areaCode = ['02','031','016','017'];

var output = '<select>';

 

for(var i in areaCode){

output += '<option>' +areaCode[i] + '</option>';

}

output+='</select>';

 

 

 

break 사용 / true는 무한반복

for(var i=0;itrue;i++){

    var q = confirm('반복하시겠습니까?');

    if(q){                                                          //확인 버튼을 눌렀다면

            alert(i + '번째 반복');

          } else{                                                  //취소 버튼을 눌렀다면 

              break;                                             //반복문을 벗어남 

          }  

}

 

continue 키워드

조건문과 같이 사용해서 해당 반복만 스킵하고 다음 반복을 진행 

 

 

경고창 3 6 9 제외하고 반환하시오

for(var i=1;i<=10;i++){

   if(i % 3 == 0){           //3의 배수라면 

      continue;

   }

   alert(i);

}

 

'코딩 > 자바스크립트' 카테고리의 다른 글

JS / 객체, 생성자 함수  (0) 2022.03.30
JS / 함수  (0) 2022.03.29
JS / 반복문  (0) 2022.03.28
JS / switch, 삼항연산자, 짧은조건문  (0) 2022.03.28
JS / 기초, 변수, 조건문 if  (0) 2022.03.25