Java Script - 반복문

❌ Unsupported block (table_of_contents)

반복문이란? 프로그램 내에서

1. for문

for문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다

문법 

for (1.초기 구문; 2.조건 구문; 3.업데이트 구문) {
  // 4.반복 구문
}

  • 초기 구문
    • for문이 시작할 때 가장 최초에 1회 실행되는 구문이다. 일반적으로for문에 필요한 변수를 선언하는 용도로 사용한다.

  • 조건 구문
    • for문은 특정 코드를 반복하는 기능을 한다. 반복을 해야할 지 중단해야 할 지에 대한 판단을 책임지는 부분이다. 조건 구문에서 반환되는 결과값의 True or False의 기준으로 for문은 반복 구문을 반복하게 된다.

  • 업데이트 구문
    • for문의 반복 구문이 1회 실행된 바로 직후마다 1회씩 실행되는 구문이다.

  • 반복 구문
    • 실제로 반복을 하는 코드가 들어가는 구문이다.

      • :: 사용예제

      var i;

function init () {
  console.log('초기 구문');
  i = 0;
}

function condition () {
  console.log('조건 구문');
  return i < 3; // return을 해주지 않으면
  조건 구문에서 실행이 멈춰버린다.
}

function update () {
  console.log('update');
  i++;
}

for (init(); condition(); update()) {
  console.log(i + ' 반복 구문');
}

      ❌ Unsupported block (callout)

      2. do..while문

      do..while문이란? 특정한 조건이 거짓으로 판별될 때까지 반복한다

      문법 

      do
	반복 구문
while (조건 구문);

      :: 사용예제

      var i = 1;
do {
    console.log("i = " + i);
    i++;
} while(i < 4);

// 결과 : i = 1, i =2, i =3
// i가 4보다 작을때 까지 계속 반복한다.
      ❌ Unsupported block (callout)

      3. while문

      while문이란? 어떤 조건문이 참이기만 하면 문장을 계속해서 수행한다.

      문법 

      while(조건 구문)
   반복 구문

      :: 사용예제

      var n = 0;
var x = 0;
while (n < 3) {
  n++;
  x += n;    // x = x + n 의 의미
  console.log(x);
}

// 결과 : 1,3,6
// 매 반복과 함께 n이 증가하고 x에 더해진다.
      ❌ Unsupported block (callout)

      4. for..in문

      for..in문이란? 객체의 열거 속성을 통해 지정된 변수를 반복한다.

      문법 

      for (변수 in 객체) {
	실행 구문
}

      :: 사용예제 ( 객체에 대한 )

      var obj = {x:10, y:11, z:12};
for (property in obj){
    console.log("name: " + property + "; value: " + obj[property]);
}

// 결과 : name: x; value: 10, name: y; value: 11, name: z; value: 12,
//  property의 key값 , value값 순으로 나열

      :: 사용예제 ( 배열에 대한 )

      var array = [10,11,12];
for (property in array){
    console.log("name: " + property + "; value: " + array[property]);
}

// 결과 : name: 0; value: 10, name: 1; value: 11, name: 2; value: 12

      5. forEach문

      forEach문은 오직 Array객체에서만 사용 가능한 메서드이며 (ES6부터는 Map, Set을 지원) 배열의 요소들을 반복하여 작업을 수행할 수 있다.

      배열의 첫번째부터 마지막까지 반복하면서 item을 꺼낼 수 있다.

      :: 사용예제

      var arr = ['가','나','다','라'];
arr.forEach(function(item, index, arr2){
	console.log(item,index, arr2[index + 1]);
});
    • item : 배열의 각각의 item
    • index : 배열의 index
    • arr2: 배열 자체를 가리킨다.

      • ✔내가 아래 참고해서 더 해야할 것!

      - break문 continue문 더 보고 추가하기

      ✔100프로 여기 참고함!

      https://velog.io/@surim014/웹을-움직이는-근육-JavaScript란-무엇인가-part-5-Loops