반응형
자바스크립트에서 객체는 객체지향과는 다른 개념이다.
인덱스로 문자를 설정하고 싶으면 객체를 만들어야한다.
var grade = {'학생1': 50, '학생2':99};grade 객체를 만들었다.
학생1은 key, 50은 value다.
key를 호출하면 value값을 알 수 있다.
그런데 객체를 배열처럼 생각하고 grade [0]; 를 입력했더니 undefined가 나온다.
객체는 배열처럼 순서가 정해져있지 않다는 사실을 몰랐다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var grades = {'a': 10, 'b': 6, 'c': 80};
for(key in grades) {
document.write("key : "+key+" value : "+grades[key]+"<br />");
}
</script>
</body>
</html>
for (key in grades) 를 사용하면 객체(grades) 안에 key값과 value 값을 출력할 수 있다.
반응형
'Javascript' 카테고리의 다른 글
| Javascript 무한스크롤 구현 (0) | 2023.04.03 |
|---|---|
| Javascript BMI 계산하는 문제 (0) | 2023.04.03 |
| Javascript 연습(표준 내장 객체 사용하기) (0) | 2023.03.31 |
| Javascript 객체 속성다루기 (0) | 2023.03.30 |
| 자바스크립트 배열[]안에 중괄호 {} (0) | 2023.03.29 |
