하이브리드앱

본문 바로가기
사이트 내 전체검색


하이브리드앱
하이브리드앱

2. 기본문법(2) -배열, 반복문

페이지 정보

작성자 관리자 댓글 0건 조회 546회 작성일 22-01-07 17:38

본문

2. 기본문법(2) -배열, 반복문

1. 배열


실습 : javascript04.html


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>자바스크립트 연습</title>

<script type="text/javascript">

//배열선언

var arr = new Array(4); //배열의 크기 지정

arr[0] ="첫번째 방";

arr[1] ="두번째 방";

arr[2] ="세번째 방";

arr[3] ="네번째 방";

alert(arr[3]);

var len = arr.length;

document.write(len);

</script>

</head>

<body>

</body>

</html>




1.PNG


2.PNG



2. 반복문


for문 형식

       for(초기값; 조건; 증감){

  명령문;

}


실습 : javascript04.htmj


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>자바스크립트 연습</title>

<script type="text/javascript">

//배열선언

var arr = new Array(4); //배열의 크기 지정

arr[0] ="첫번째 방";

arr[1] ="두번째 방";

arr[2] ="세번째 방";

arr[3] ="네번째 방";

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

document.write("arr["+i+"] : "+arr[i]+"<br/>");

}

</script>

</head>

<body>

</body>

</html>



3.PNG


while문 형식

  

while(조건){  //조건이 거짓이면 블럭({})을 빠져 나온다.

명령문

}


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>자바스크립트 연습</title>
<script type="text/javascript">
//배열선언
var arr = new Array(4); //배열의 크기 지정
arr[0] ="첫번째 방";
arr[1] ="두번째 방";
arr[2] ="세번째 방";
arr[3] ="네번째 방";

var i=0;
    while(i<arr.length){
document.write("arr["+i+"] : "+arr[i]+"<br/>");
i++;
}
</script>
</head>
<body>
</body>
</html>

실행 결과는 for문과 같다.

3.PNG


for문과 while문 비교 실습


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>자바스크립트 연습</title>

<script type="text/javascript">

    // for 문

document.write("<p>for문</p>");

for (i = 0; i<10; i++){

document.write("내용"+i+"<br/>");

}


// while 문

document.write("<p>while문</p>");

var i=0;

while(i<=9){

document.write("내용"+i+"<br/>");

i++; //i=i+1; -->i+=1;

}

</script>

</head>

<body>

</body>

</html>




4.PNG



구구단 출력하기 실습 : javascript05.html


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>자바스크립트 연습</title>

</head>

<body>

<h1>구구단 출력하기</h1>

<script type="text/javascript">

for(j=1; j<=9; j++){

for(i=2; i<=9; ++i){

document.write(i+"*"+j+"="+j*i+"\&nbsp\&nbsp\&nbsp");

}

document.write("<br/>");

}

            

</script>

</body>

</html>



5.PNG


댓글목록

등록된 댓글이 없습니다.


개인정보취급방침 서비스이용약관 모바일 버전으로 보기 상단으로

TEL. 063-469-4551 FAX. 063-469-4560 전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과

Copyright © www.leelab.co.kr. All rights reserved.