js03_for

이제는 익숙한 for문의 서막,,,

<script>

    //1~10 합계구하기

     let sum = 0;

     sum = sum + 1;

     sum = sum + 2;

     sum = sum + 3;

     sum = sum + 4;

     sum = sum + 5;

     sum = sum + 6;

     sum = sum + 7;

     sum = sum + 8;

     sum = sum + 9;

     sum = sum + 10;

     document.write('1~10까지 합 = ', sum, '<br>');

     //for문을 사용

     // for (초기값, 조건식, 증가식){...}

     sum = 0;

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

      sum = sum + i;

     }

     document.write(`1~10까지 합 = ${sum}<br>`);

  </script>

<script>

    //while

    //초기값선언

    //while(조건식) {

      // 실행할 문장...

      // 증가식

    //}

    // 1 ~ 10까지 합을 구하기

    let sum = 0;

   

    let i = 100;

   

    while (i <= 10) {

      sum = sum + i;

      i++;

      console.log(`loop... ${i}`);

    }

    document.write(`while : 1~10까지 합 = ${sum}<br>`);

    // do while

    // 초기값 선언

    // do{

      //실행할 문장

      //증가식

      //}while(조건식)

   

    //

    sum = 0;

    i = 100;

    do{

      sum = sum + i;

      i++;

      console.log(`do while loop...${i}`)

    }while(i <= 10);

    document.write(`do while : 1~10까지 합 = ${sum}<br>`);

   

</script>

<script>

     

     

    // let i = 10;

   

    // console.log('구구단')

    // for(i=1; i<=9; i++){

    //   console.log(`${i} 단`);

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

    //   console.log(`${i} x ${j} = ${i*j}`);

    //   }

    // }

    // <!-- 실습3. 전체 구구단 가로 출력 -->

  let i = 10;

   

    console.log('구구단')

   

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

      document.write(`${i} 단<br> `);

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

      document.write(`${i} x ${j} = ${i*j} <br>`);}

    }

    </script>

<script>

    //1. foreach : for문과 array :

    //배열.forEach(콜백함수);

    //2. forin : for문과 object :

    //3. forof : for문과 array

    let arr1 = ['손흥민', '이강인', '김민재', '김연경', '류현진', '홍길동'];

    console.log(`배열의 크기 = ${arr1.length}`);

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

    document.write(`${i} = ${arr1[i]}<br>`);

    document.write('<hr>');

    arr1.forEach(function(name){

      document.write(`${name}<br>`);

    });

    document.write('<hr>');

    // arrow function을 사용(lambda식)

    arr1. forEach((name)  => document.write(`${name}<br>`));

    let arr2 = ['손흥민', '이강인', '김민재', '김연경', '류현진', '홍길동'];

    arr2.forEach((x) => document.write(`${x}<br>`));

     //2. forin : for문과 object :

    for(let ddd of arr2){

      document.write(`${ddd}`);

    }

    //3. forof : for문과 array

    let hong = {

      name: "홍길동",

      age: 1000,

      addr: "조선 한양",

      tel: '010-9999-8888'

     

    };

    console.log(`이름 = ${hong.name}`);

    console.log(`나이 = ${hong['age']}`);

    console.log(`주소 = ${hong.addr}`);

    console.log(`전번 = ${hong.tel}`);

    //

    for(key in hong){

      document.write(`${key} = ${hong[key]}<br>`); //dot연산자는 실행이 안됨

    }

    //실습. 자리배치도

    //현재 강의실의 인원수와 한 줄에 3명씩 앉을 경우 자리배치도를 출력

    //if, for(중첩), table

  </script>