객체(Object)
-property : 객체에 소속된 변수/속성
-method : 객체에 소속된 함수
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>js 객체</h1>
<script>
var member ={
"name" : "java",
"age" : 20
};
document.write("name : " + member.name+"<br>");
document.write("age : " + member.age+"<br>");
member.addr = "seoul";
document.write("addr : " + member.addr+"<br>");
member["gender"] = "female"
document.write("gender : " + member["gender"]+"<br>");
var 음식 = {
"분식" : "떡볶이",
"한식" : "김치찌개"
};
document.write("분식 : " + 음식.분식+"<br>");
document.write("한식 : " + 음식.한식+"<br>");
</script>
</body>
</html>
객체 생성으로
key : value 값을 가짐
중간에 주소는 객체 요소 추가한거
See the Pen eYvbyXW by jinju23 (@jinju23) on CodePen.
객체명을 한글로도 작성해보고 싶어서 그냥 해보기
for문
for문하여 객체 리스트 순환하기
for( var key in 객체명){
}
<h2>for문</h2>
<script>
for(var key in member){
document.write(key+" : " +member[key] + "<br>");
};
</script>See the Pen PopXQvb by jinju23 (@jinju23) on CodePen.
위에 결과값이랑 같다
key, value : 객체명[key]
+
객체는 {} 중괄호
베열은 [] 대괄호
'Programming | Study > JS | jQuery' 카테고리의 다른 글
| Java Script 공부 4 (배열) (0) | 2021.03.30 |
|---|---|
| Java Script 공부 3 (형변환, 연산자, 제어문) (2) | 2021.03.26 |
| java Script 공부 2 (변수) (0) | 2021.03.26 |
| Java Script 공부 (데이터 입출력) (0) | 2021.03.25 |
댓글