반응형

자바스크립트 개발 환경은 Microsoft Visual Studio 2015 버전 HTML 기능 및 Chrome을 이용하고 있습니다.





for문을 다양하게 이용하는 방법에 대해 알아보자.


물론 C++와 Java와는 비슷하지만, 웹에서는 어떻게 이용되는지 간단히 알아보고자 한다.


for in 구문


C++에서 for(auto i in array) 구문과 같다.


차이점은 C++는 이터레이터를 참조하는데 여기서는 인덱스를 참조해버린다.


        for (let i in array)

            alert(i);


따라서 값을 출력하기 위해서는


        for (let i in array)

            alert(array[i]);


라고 명시해야 한다.



for( ; ; ) 구문


보통 언어에서 가장 많이쓰이는 구문이다.


인덱스를 기준으로 값을 확인할 수 있다.


        for (let i = 0; i < array.length; i++)

            alert(array[i]);




부가적으로 웹에서만의 기능을 이용하는 방법이 있다.


confirm이라는 메서드를 이용하여 계속할지 멈출지 정해줄 수 있다.


        for (let i = 0 ; ; i++)

        {

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


            if (!confirm('계속 하시겠습니까?'))

                break;

        }


숏코딩을 하면 다음과 같다.


        for (let i = 0 ; confirm('계속 하시겠습니까?') ; i++) 

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
















1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
    <title>test title</title>
    <script>
        var array = ['a', 'b', 'c', 'd', 'e'];
 
        // array는 이터레이터가 아닌 인덱스가 출력된다.
        alert('alert(i)');
        for (let i in array)
            alert(i);
 
        // 값을 출력하기 위해서는 array[i]로 해야한다.
        alert('alert(array[i]) - 1');
        for (let i in array)
            alert(array[i]);
 
        // 아니면 C처럼 i자체를 인덱스로 생각하기 위해 length를 이용
        alert('alert(array[i]) - 2');
        for (let i = 0; i < array.length; i++)
            alert(array[i]);
 
 
        alert('confirm 이용하기 - 1');
        for (let i = 0 ; ; i++)
        {
            alert(i + '번째 반복');
 
            if (!confirm('계속 하시겠습니까?'))
                break;
        }
        alert('탈출');
 
        // for문의 조건속에 삽입이 가능하다.
        alert('confirm 이용하기 - 2');
        for (let i = 0 ; confirm('계속 하시겠습니까?') ; i++) 
            alert(i + '번째 반복');        
        alert('탈출');
 
 
    </script>
</head>
 
</html>
 
//                                                       This source code Copyright belongs to Crocus
//                                                        If you want to see more? click here >>
Crocus








반응형
저작자표시 비영리 변경금지

'Basic > JavaScript' 카테고리의 다른 글

자바스크립트 클로저(Closures) 개념 및 이용 방법  (0) 2017.08.11
자바스크립트 함수 이용 방법(기본)  (0) 2017.08.10
자바스크립트 브라우저 성능 알아보기  (0) 2017.08.09
자바스크립트 window.onload 와 list, array의 관계  (0) 2017.08.09
자바스크립트 전역 변수, 지역 변수, 상수  (0) 2017.07.27

티스토리툴바