JavaScript : 반복문

JavaScript 반복문 (for, while)

 

for : 일반적인 사용

let testArray = [];

// 가장 일반적인 사용법. 3가지의 식을 다 사용
for (let i = 0; i < 10; i++) {
  testArray.push('a' + i);
}

// 반복문의 3가지 식은 전부다 선택사항이다. 
// 초기화를 선언부를 하지 않은 모습. 하지만 이렇게는 안할 것 같다.
let j = 0;
for (; j < 9; j++) {
  console.log(j);
}

// 조건식을 제외한 모습
// 이렇게 하면 무한 반복이 된다. for 문 안에 적절한 조건식을 써서, 무한 반복을 멈춰줘야 한다.
for (let i = 0; ; i++) {
  console.log(i);
  if (i > 3) break;
}

// 가감식까지 제외한 모습. 역시 무한반복이기 때문에 적절하게 끊어주는 변수와 식이 필요하다. 
let k = 0;
for (;;) {
  if (k > 3) break;
  console.log(i);
  i++;
}

// for 만 사용하기
for (
/* initialization */
/* condition */
/* final-expression */
);

// MDN 예시
// 이렇게 쓸 수 있다는 것만 일단 알아두고 넘어가면 되겠다
for (
  var oItNode = document.getElementById('test') /* initialization */;
  oItNode /* condition */;
  nLeft += oItNode.offsetLeft, nTop += oItNode.offsetTop, oItNode = oItNode.offsetParent /* final-expression */
); /* semicolon */

 

 

for in

let testArray = [];

for (let i = 0; i < 10; i++) {
  testArray.push('a' + i);
}

// 이렇게 하면 i 는 키 값만 나온다.
for (let i in testArray) {
  console.log(i);
}


// for in 에 대한 것은 더 파보면 내용이 있지만 키 값을 받는다는 것만 알고 일단 넘어가도록 하자

 

 

for of

let testArray = [];

for (let i = 0; i < 10; i++) {
  testArray.push('a' + i);
}

// for of
for (let i of testArray) {
  console.log(i);
}

// 결과값은  a1, a2 이런 식의 스트링이 나온다.
// 깊은 내용은 일단 넘어가도록 하자

 

 

forEach

let testArray = [];
let copy = [];

for (let i = 0; i < 10; i++) {
  testArray.push('a' + i);
}

// 인자로 하나만 사용할 때
testArray.forEach(function(item){ copy.push(item); });

// 여러 개 사용할 떄
testArray.forEach((ele, index, array) =>{
});

 

... 상세 조사는 이어서