지정한 조건이 false가 될 때까지 문장을 계속 실행한다.

 while(condition){javascriptCode}
 while(condition){javascriptCode1;javascriptCode2}

인수

condition : (평가식)

필수적인 요소이며 루프를 반복 실행할 때마다 사전에 확인하는 부울식이다. condition이 true이면 루프가 실행되고, false이면 루프가 종료된다.

javascriptCode, javascriptCode1, javascriptCode2 : (실행문)

선택적인 요소로 condition이 true이면 실행되는 하나 또는 여러개의 문장이다.

사용

while 문장은 루프가 처음 실행되기 전에 조건문을 확인한다. 이 때도 조건문의 검정 결과가 false이면 루프는 실행되지 않는다. 루프 내부에서 조건 검정을 위한 변수의 가감이 필요한데, 조건의 종료에 도달하지 못하는 잘못된 상황에서는 무한 루프가 형성되니 주의하여야 한다.

for 문장, for...in... 문장을 사용하여 구현하는 것과 별 차이가 없다.

실행문 javascriptCode에서 추가적인 조건 검정 if...else... 문장등으로 조건에 따라 break 문장을 사용하거나 조건에 사용한 변수를 변화시켜 중지시키거나, continue 문장을 사용하거나 조건에 사용한 변수를 변화시켜 건너뛰면서 계속시킬 수 있다.
또한 기능함수에서return 문장을 사용하므로서 기능함수를 이탈하여 자동적으로 루프를 종료시킬 수 있다.

특기

while 문장은 MS JScript에서 사용할수 있는 do...while... 문장과 아주 유사하나 while 문장에서는 평가식이 앞에 나오고, do...while... 문장에서는 평가식이 루프 맨뒤에 나와 문장의 순서가 좀이 다르다.

구문

구문 1: 단일 실행문

while(조건문)javascriptCode;

구문 2: 복수 실행문

while(조건문){실행문;실행문;실행문;}

대표적인 예제

var i=0; while(i<=10){javascriptCode1;javascriptCode2;javascriptCode3;i++;}

while의 간단한 예제

<SCRIPT>
var numb=0; // 루프의 평가문에 사용할 변수를 루프 전에 선언하고 할당한다.
while (numb<5){ // numb 변수가 5 미만에서 계속 실행하는 루프 시작
  numb++; // 루프내에서 평가문에 사용하는 변수를 증가시킨다.
  document.write(numb+'<SUP>2</SUP>='+numb*numb+'<BR>'); // 변수 내역을 출력한다
} // 루프의 종료
</SCRIPT>

while에서 기능함수를 호출하는 예제

<SCRIPT>
function doit(){ // 기능함수의 시작
  var str=''; // 출력 문자열 변수를 선언하고 할당한다
  var numb=0; // 루프의 평가문에 사용할 변수를 루프 전에 선언하고 할당한다.
  myDb=new Array('감귤','딸기','사과','포도','멜론'); // 배열변수를 선언하고 초기값을 할당한다
 while (numb<myDb.length){ // numb 변수가 배열변수 길이 미만에서 계속 실행하는 루프 시작
    str+=myDb[numb]+'<BR>'; // 변수 내역을 출력 문자열 변수에 추가
    numb++; // 루프내에서 평가문에 사용하는 변수를 증가시킨다.
  } // 루프의 종료
  display1.innerHTML=str; // id=display1 개체의 내용을 출력 문자열로 바꾼다
} // 기능함수의 종료
</SCRIPT>

<DIV id=display1 class=show style="width:200" title="결과" onClick="doit()">클릭하여 결과를 보라.</DIV>