[JavaScript] 자바스크립트 반복문

프로그래밍은 조건과 반복에 의해 완성된다.

반복문 : 특정 명령을 반복해서 수행할 수 있도록 도와주는 문법

이름을 콘솔에 5번 연속 출력하는 상황

console.log("zeroju");
console.log("zeroju");
console.log("zeroju");
console.log("zeroju");
console.log("zeroju");

만약 100번 출력해야한다면..? -> 100줄이 넘어가버림

-> 반복문을 사용해서 반복(중복)되는 코드들을 확실하게 줄일 수 O

1. for 반복문👇

for(let i=1; i<=100; i++){
  // 반복 수행할 명령
  console.log("zeroju"); // zeroju - 100번
}

for(변수 선언 & 값 할당; 조건식; 증감연산자){반복 수행할 명령}

for(초기식 - 반복의 주체가 되는 변수 선언; 조건식 - 이 조건을 만족할 때만 반복; 연산 - 반복이 한번 수행될 때마다 할 연산){반복 수행할 명령}

for문은 초기,조건,연산에 명시된대로 반복 수행할 부분인 중괄호 속의 코드를 계속 반복해서 실행

for문은 배열을 순회(배열내의 모든 요소 한번씩 접근)할 때 매우 유용하게 사용 가능

const arr = ["a","b","c"];

for(let i=0; i<arr.length; i++){ //arr 배열 순회(index로)
  // 반복 수행할 명령
  console.log(arr[i]);
  // a
  // b
  // c
}

객체 순회👇

let person = {
  name : "영주",
  age : 22,
  tall : 166
};

//객체에서 key값들만 뽑아 배열로 반환시키는 내장 함수 사용
const personKeys = Object.keys(person);

console.log(personKeys); // (3)["name", "age", "tall"]

Object.keys()라는 함수를 사용하면 객체안에 있는 key 값들을 순서대로 배열로 반환받을 수 O

let person = {
  name : "영주",
  age : 22,
  tall : 166
};

//객체에서 key값들만 뽑아 배열로 반환시키는 내장 함수 사용
const personKeys = Object.keys(person);

for(let i=0; i<personKeys.length; i++){
	console.log(personKeys[i]); 
  //name
  //age
  //tall
}

이번엔 value까지 순회해보자👇

let person = {
  name : "영주",
  age : 22,
  tall : 166
};

//객체에서 key값들만 뽑아 배열로 반환시키는 내장 함수 사용
const personKeys = Object.keys(person);

for(let i=0; i<personKeys.length; i++){
  
  const curKey = personKeys[i];
  const curValue = person[curKey];
  
  console.log(`${curKey} : ${curValue}`);
  //name : 영주
  //age : 22
  //tall : 166
  
}

목적이 key와 value를 같이 순회하는게 아니라 value만 순회하고 싶다면👇

let person = {
  name : "영주",
  age : 22,
  tall : 166
};

const personValues = Object.values(person);

for(let i=0; i<personValues.length; i++){
  consol.log(personValues[i]);
  // 영주
  // 22
  // 166
}

Object.values() 이용!