javascript를 사용하면 for문을 이용해서 key, value를 꺼내서 사용하는 경우가 많습니다. 그런데 문제가 있습니다.
배열에서는 단순 for문과 for in으로 모두 key, value를 꺼낼 수 있는데, 객체를 다룰 때는 단순 for문이 먹히지 않습니다. 두둥! 주의해야할 게 객체에서는 키와 속성을 꺼낼 때 반드시 'for in'문을 사용해야합니다.
아래 예시를 보시죠
객체의 반복문: for in
아래 예시에서 배열과 객체를 for문으로 출력해보겠습니다.
배열은 순서대로 출력만하면 되니까 순수for문으로 출력이 가능한 걸 볼 수 있습니다.
그러나 객체는 key와 value가 묶어져 있습니다. 그래서 for in문을 돌리면서 원하는 값을 지정해줘야 출력할 수있습니다.
<html>
<head>
</head>
<body>
Javascript Test
<script type="text/javascript">
// 배열
var food = ['pizza', 'coke', 'chicken', 'pasta'];
for (var i=0; i<food.length; i++){
console.log(food[i])
}
console.log("=====================")
// 객체
var student = {
name: 'jigeum',
age: 25,
bloodtype: 'B',
class: null,
};
for(var key in student) {
console.log("key: ", key)
console.log("value: ", student[key])
console.log("----------------")
}
</script>
</body>
</html>
'지금, 개발하기 > Javascript' 카테고리의 다른 글
| Javascript] 함수 표현식, 화살표 함수표현식 (1) | 2021.10.12 |
|---|---|
| Javascript] array(배열) vs objec(객체) (0) | 2021.10.07 |
| Javascript] JSON과 JavaScript object 차이점 (0) | 2021.09.29 |
| Javascript] 화살표 함수 사용하기 (peat. Array.prototype.some()) (0) | 2021.09.28 |
| [Javascript] substr(), lastIndexOf() 파일 이름, 확장자 추출하기 (0) | 2021.09.27 |
