for문 error in javascript, react.js, cra(create-react-app)

react는 javascript로 구성되어있습니다. 그리고 javascript는 for문을 빈번히 쓰는데요.

 

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

 

for문에 대한 결과가 아예 뜨지 않을때가 있습니다. 위 경우 콘솔이 찍혀지지 않는 경우죠.

위 코드를 좀더 확장시키면 다음과 같습니다.

 

let max_len = ob.length; //이때 ob는 객체

console.log(max_len)
//undefined

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

 

네.....  객체의 길이를 바로 구하다니.... 바보였죠.... max_len이 정의가 undefined로 되니, for문 자체가 실행이 안되고 있었습니다. 

 

let max_len = Object.keys(ob).length; //이때 ob는 객체

console.log(max_len)
//3

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

 

 

요약:

@ for문 돌릴시 max_len의 값이 주어지지 않으면 for문이 실행되지 않는다.

@ 객체의 길이는 Object.keys(ob)사용

 

 

끝!!

 

 

 

코드가 읽기 어려우시면 이 링크를 참조해주세요:

https://medium.com/%EB%8F%84%EA%B9%A8%EB%B9%84-%EC%9D%B4%EC%95%BC%EA%B8%B0/for%EB%AC%B8-error-in-javascript-react-js-cra-create-react-app-4acc467cdc41