[Javascript] 반복문 for, forEach( array ), for in( object )

 

 

1. for문

 

 

for 반복문 구조  =  for( 선언문; 조건문; 증감식 )  {  참일때 실행할 코드  }  

 

위 반복문은 a < 5 가 성립하지 않을때까지 반복한다 a++로 반복할때마다 1씩 증가시켜준다

 

그래서 총 4번이 반복되는 for문을 만들었다.

 

 

 

 

 

 

 

 

 

 

 

 

2. array에서 사용되는 forEach반복문

 

 

array안에있는 갯수만큼 반복하고싶을때 사용하는 반복문

 

forEach문 구조 =  array변수명.forEach( function (  array에 들어있는 데이터 갯수만큼 실행할 코드 값  ){} )

 

위에서 array에는 10, 20, 30 총 3개의 데이터가 있다. forEach문을 사용해서 총 3번 반복되는것을 확인 할 수 있다.

 

 

 

 

 

 

 

 

 

 

3. object에서 사용되는 for in반복문

 

 

 

 

 

forEach와는 반대로 object에서 object갯수만큼 반복할때 사용하는 for in 문

 

for in문 구조 = for( var key in object명) { object에 들어있는 데이터만큼 반복할 코드 }

 

위에서 object안에 age 와 color라는 key값 2개  20 , red라는 value값 2개를 가진 오브젝트를 생성했다.

 

2개의 데이터를 가지고있는 오브젝트이기 때문에 총 2번 반복하게된다.

 

for in문 안에 key는 object안의 key뜻하고  object명[ key ]는 value 값을 뜻한다.