03-반복문

//

https://donghyun-dev.tistory.com/10

JavaScript - 5. 반복문

for (초깃값; 조건식; 증가식) {

.....

}

 

for문은 배열에 있는 값을 하나씩 가져온다. 그러므로 배열의 갯수를 알아야한다.

 

// forEach 문

배열명.forEach(콜백 함수) {.........}

 

//forEach문으로 배열값 가져오기

const students = ["park", "kim", "Lee", "kang"];

students.forEach(function (student) {

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

});

 

배열의 각 요소를 순회하면서 각 요소에 대해 지정한 콜백함수를 호출한다.

여기서 콜백함수란, 다른 함수의 인자로 전달되는 함수를 의미한다.
forEach( )함수에서는 이 콜백 함수가 배열의 각 요소, 그요소의 인덱스, 그리고 배열 자체에 접근할 수 있다.

forEach( ) 메소드가 students 배열의 각 요소에 대해 실행되고 있다.
콜백함수는 각 요소를 student라는 매개변수로 받아서.  document.write(`${student}`.); 코드를 실행하게 된다.

// for..in 문

for (변수 in 객체) {......}

 

==> for...in문은 객체의 키만 가져올 수 있으므로 해당 키의 값에 접금하려면 대괄호 [ ]를  사용한다. 

 

=> JavaScript 객체에서 사용되는 키-값(key-value) 쌍의 형식입니다.

JavaScript 객체는 중괄호 {}로 묶인 키-값 쌍의 집합으로, 각 쌍은 콜론(:)으로 구분됩니다.

여기서 title은 키(key)이고, "깃 허브 입문"은 값(value)입니다.

// for..in문으로 키와값 가져오기

const gitBook = {
  title: "깃 허브 입문", //key : value
  pubDate: "2019-12-06",
  pages: 243,
  finished: true,
};
console.log(`${gitBook.title}`);  //깃 허브 입문으로 출력

for (key in gitBook) {
  document.write(`${key} : ${gitBook[key]}<br>`);
}

 

//while 문  / do..while 문

while반복문은 조건이 참(true)인 동안 무장을 반복한다.

while 문은 조건부터 체크한 후, true 일 경우에만 문장을 반복한다.

조건이 false라면 문장은 한번도 실행되지 않을 수 있다.

 

while문과 달리 do..while문은 조건이 맨 뒤에 붙는다.

do..while문은 일단 문장을 한번 실행한 후 조건을 체크한다. 

그러므로 조건이 false라고 해도 일단 문장이 최소한 한번은 실행된다.