728x90
반응형
   
for in문 형식
for (변수 in 객체) {
     객체의 모든 열거할 수 있는 프로퍼티의 개수만큼
     반복적으로 실행하고 하는 실행문;
 }

 **대입받은 변수를 이용하면 루프 안에서 객체의 열거할 수 있는
프로퍼티에 순차적으로 접근할 수 있다.
 
for
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      var data = prompt("숫자 5개 입력(,로 구분)","0");
      // 입력예시 : 10,5,100,55,25
      var arr = data.split(",");
      var max = arr[0];
      var min = arr[0];
      console.log('min: ' + min + ', max: ' + max);

      for (var i = 0; i < arr.length; i++) {
        console.log("arr[" + i + "]요소: " + arr[i]);
        if (parseInt(max) < parseInt(arr[i])) max = arr[i];
        console.log('max[' + i + ']' + max + 'arr[' + i + ']' + arr[i]);
        if (parseInt(min) > parseInt(arr[i])) min = arr[i];
        console.log('min[' + i + ']' + min + 'arr[' + i + ']' + arr[i]);
      }
      document.write("최대값: " + max + ", 최소값: " + min);
    </script>
  </head>
  <body></body>
</html>

 

 

a
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=\, initial-scale=1.0" />
    <title>반복문</title>
    <style>
      * {font-family: "굴림체";}
    </style>
    <script>
      var su = 9,
        dan = 5,
        res = 0;
      document.write("dan : " + dan + "단<br>");

      for (var i = 1; i <= 9; i++) { // var i = 1; 초기식 선언 1번만
        res = dan * i; //5 ->10
        if (res < 10) {
          document.write(dan + " * " + i + " = &nbsp;" + res + "<br>");
          // 5 * 1 =  5 -> 5앞에 한칸 띄어쓰기
          //&nbsp ->html내에서는 일반 띄어쓰기는 개수 상관없이 1개로 인식
        } else {
          document.write(dan + " * " + i + " = " + res + "<br>");
        }
      }
    </script>
  </head>
  <body></body>
</html>​​

 

 

for
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>반복문</title>
    <script>
      for (var i = 0; i < 10; i++) {
        if (i === 3) break;
        document.write("number is " + i + "<br>");
      }
      document.write("<br>");

      for (var i = 0; i < 10; i++) {
        if (i % 2 == 0) continue;
        document.write("number is " + i + "<br>");
      }
    </script>
  </head>
  <body></body>
</html>​​

 

 

for
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // for in문 형식
        // for (변수 in 객체) {
        //     객체의 모든 열거할 수 있는 프로퍼티의 개수만큼
        //     반복적으로 실행하고 하는 실행문;
                // in 요소값x
        // }
        // **대입받은 변수를 이용하면 루프 안에서 객체의 열거할 수 있는
        // 프로퍼티에 순차적으로 접근할 수 있다.

        var arr = [1,2,3,'str',true];
        for(var i = 0; i < arr.length ; i++){
            document.write(arr[i] + "  ");
        }
        // java
        // for (int a : arr ){}
        document.write("<hr>")

        for (var x in arr){
            document.write(arr[x] + "  ");
        }
        // js에서 for-in문은 인덱스번호로 설정하여 출력한다.
        // alert('x: '+x);
        // console.log: 웹 콘솔창에 메세지를 출력해주는 함수
        console.log(arr);
        console.log('a: ', arr);

    </script>
</head>
<body>
    
</body>
</html>​
728x90
반응형

'[JS]' 카테고리의 다른 글

[JS] array  (0) 2024.02.27
[JS] continue  (0) 2024.02.27
[JS] while, do~while  (0) 2024.02.27
[JS] 조건문  (0) 2024.02.27
[JS] Date  (0) 2024.02.27

+ Recent posts