본문 바로가기

developer/Udemy - 100일 코딩 챌린지

[Udemy - 100일 코딩 챌린지] 2/26 개발공부일지(반복문(for, while))

for / for ... of ... / for ... in ... / while 문에 대해서 배운다.

 

for (let i = 0; i < 10; i++) {
    console.log(i);
}

기본 for문 형식

let i = 0 : for문 반복에 사용할 변수 i를 선언하고 값 0을 지정

i < 10 : for문 반복 조건 설정

i++ : 반복을 위한 변수의 값 재지정을 위한 조건 설정

const users = ['hwanhee', 'sungyun', 'soleeno'];

for (const user of users) {
    console.log(user);
}

반복 시마다 호출되는 상수 user 를 for 문 안에서 새로 선언하고 users의 값을 입력한다. 씌운다.

const랑 let의 차이가 헷갈린다... 흑

검색해보고 링크확인 했다.

https://www.freecodecamp.org/korean/news/var-let-constyi-caijeomeun/

 

Var, Let, Const의 차이점은?

ES2015(ES6)에서 반짝이는 새로운 기능들이 많이 등장했습니다. 2020년이 된 지금, 많은 JavaScript 개발자들이 그 기능들을 사용하기 시작했을 것이며 또 익숙해졌을텐데요. 여전히 그 중 몇몇은 일부

www.freecodecamp.org

https://gist.github.com/LeoHeo/7c2a2a6dbcf80becaaa1e61e90091e5d 

 

javascript var, let, const 차이점

javascript var, let, const 차이점. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

 

요는 var에 문제가 있었기 때문에 재선언과 재할당의 문제를 해결하기 위해 let 과 const가 2016년도부터 javascript에 도입되었다고 한다.

  재선언 재할당
var O O
let X O
const X X

인프런에서의 동일 질문에 대한 답변 첨부

https://www.inflearn.com/questions/366392/for%EB%AC%B8%EC%9D%84-%EB%8F%8C%EB%A9%B4%EC%84%9C-const%EC%97%90-%EC%9E%AC%ED%95%A0%EB%8B%B9-%EB%90%98%EB%A9%B4-%EC%9B%90%EB%9E%98-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%82%98%EC%95%BC%ED%95%98%EC%A7%80-%EC%95%8A%EB%82%98%EC%9A%94-%EA%B7%B8%EB%A6%AC%EA%B3%A0-%EC%98%88%EC%A0%9C%EC%97%90%EC%84%9C-let-%EB%98%90%EB%8A%94-var-%EB%8C%80%EC%8B%A0-const%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%8B%A0-%EC%9D%B4%EC%9C%A0%EA%B0%80

1회 반복문 실행 후 선언 자체가 무효(변수, 값 등 저장된 값 삭제)처리 되어서 다음번 반복문 실행 시에 지정된 적이 없는 const 변수를 할당하는 것이므로, 재할당..이라는 표현 또한 보여지기에는 재할당 이지만, 매번 새로 할당된다는 개념으로 이해하는 게 맞는 듯 하다.

 

const loggedInUser = {
  name: "hwanhee",
  age: 32,
  isAdmin: true,
};

for (const propertyName in loggedInUser) {
  console.log(propertyName);
  console.log(loggedInUser[propertyName]); //=loggedInUser.name
}

for ... in .... : object를 대상으로 사용한다.

key: value의 구성인 object에서

for (key) in (object) 의 양식에 맞게 입력하여 사용한다.

 

while 문

let isFinished = false;
while (!isFinished) {
  isFinished = confirm('Do you want to quit?')
}

console.log('Done!')

confirm method를 통해 불러온 알람창에 확인을 클릭하면,

isFinished = true 로 값이 재할당되면서

while (false) {} 가 되어서 반복문은 종료되고 반복문 다음 코드가 실행되어 Done!을 콘솔창에 출력한다.

 

오늘 컨디션이 별로 안 좋은데 그래도 공부한 거 잘 정리하면서 진행했다.

쉬고 내일 Deview 잘 다녀오자. 코엑스 오랜만!