반복문

While 반복문

while( <불 표현식> ) {
<문장>
}

<script>
var value = 0;
while( value < 5) {
alert( value + ‘번째 반복‘);
value++;
}
</script>

• 0, 1, 2, 3, 4 번째 반복

<script>
var value = 0;
var startTime = new Date( ).getTime( );
while( new Date( ).getTime( ) < startTime + 1000) {
value++;
}
alert(value);
</script>

• new Date( ) → Date 객체를 생성
• new Date( ).getTime( ) » getTime( ) 함수는 1970년 1월 1일 이후 이 함수가 실행될 때까지의 경과 시간을 밀리세컨드([ms]) 단위로 알려줌

 

for 반복문

• while 반복문이 조건을 가지고 반복 횟수를 제어하는 관점이라면 for 반복문은 반복 실행 횟수를 기준으로 제어된다고 볼 수 있음
• 가장 먼저 <초기식>을 한번 실행하고 <조건식>을 평가하여
• 참이면 » 중괄호({ }) 내의 문장을 실행하고 » <종결식>을 수행 후
• 거짓이면 » 반복 수행을 하지 않고 다음 코드로 넘어 감

for(<초기식>; <조건식>; <종결식>) {
<문장>
}

<script>
for(var value = 0; value <5; value++) {
alert( value + ‘번째 반복문’);
}
</script>

 

for in 반복문

• 자바스크립트는 배열이나 객체를 쉽게 다루기 위해 for in 반복문을 제공

for ( var i in array ) {
<문장>
}

for ( var i = 0; i < array.length; i++) {
<문장>
}

• 두 반복문은 동일한 기능을 수행
• for in 반복문에 배열을 넣으면 반복 변수에 요소 값이 아니라 ‘인덱스’가 할당 됨
  • 반복 변수 i에는 인텍스가 할당 됨

  <script>
  var array = [‘포도’, ‘사과’, ‘바나나’, ‘망고’];
  for( var i in array ) {
  alert( array[i] );
  }
  </script>
  

• for of 반복문에 배열을 넣으면 반복 변수에 인덱스가 아니라 ‘요소’ 값이 할당 됨
• <script> var array = [‘포도’, ‘사과’, ‘바나나’, ‘망고’]; for( var element of array ) { alert( element ); } </script>

 

배열

• 여러 개의 변수를 한번에 선언하여 사용할 수 있는 변수
  • 자바스크립트에는 문자열, 숫자, 불, 함수, 객체, undefined 이렇게 총 여섯 가지 자료형이 있는데
  • 배열은 객체 자료형에 속함

코드 ( 배열 [ ]로 생성 )

• 각각의 값(요소, element)은 쉼표(,)로 구분

<script>
const array = [273, 32, 103, 57, 52]; 
</script>

• 어떠한 종류의 자료형도 배열의 요소가 될 수 있음

<script>
const array = [ 273, ‘String’, true, function( ) { }, { }, [273, 103] ];
alert( array );
</script>

• 요소 각각에 접근하기
  • 배열 이름에 대괄호( )을 붙이고 대괄호 안에 숫자를 써서 각 요소를 구분하여 접근
    • 대괄호 안에 들어가는 숫자를 인텍스(index)라고 함

<script>
	const numbers = [273, 32, 103, 57, 99]
	alert( numbers[0] )
	alert( numbers[1] )
	alert( numbers[3] )
	alert( numbers[numbers.length-1] )
</script>

실습

• 실습
• <script> const input = Number(prompt('등수를 입력하세요', '등수')) const message = ['','사과, 배, 수박', '배, 수박', '수박','등수에 들지 못함'] alert(message[input]); </script>
• 배열 요소 개수 확인하기
• array.length
• 배열 맨뒤에 요소 추가하기
• array.push
• 인덱스를 사용하여 배열 뒷부분에 요소 추가하기array.length = ‘추가 할 요소’
• array[끝에 넣고 싶은 인덱스] = ‘추가 할 요소’
• 배열의 요소 제거
  • 인덱스를 기반으로 제거array.splice(2, 1)
  • 배열의 두 번째 인덱스로부터 1개의 요소 제거
  • 배열.splice(인덱스, 제거할 요소의 개수)
  • 값을 기반으로 제거배열.splice(인덱스, 1)
  • const 인덱스 = 배열.indexOf(요소)