Day8) 객체

☀️ 객체(object)

✅ 객체의 문법

객체와 배열의 차이점
; 배열은 아이템에 대한 식별자로 숫자를 사용했다.(0,1,2...)
객체는 인덱스로 원하는 데이터를 지정할수 있다.

->var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
->grades
obgect {'egoing': 10, 'k8805': 6, 'sorialgi': 80}



index(=Key) : 문자 (egoing, k8805, sorialgi)
indexd에 해당되는 값(=Value) : 10,6,80

var grades = {};  <- 비어있는 객체를 만듬 
grades['egoing'] = 10;
grades['k8805'] = 6;
grades['sorialgi'] = 80;

var grades = new Object(); <- 위의 {}와 같음 
grades['egoing'] 
-> 10 로 출력 됨 
grades['k8805'] <- ' ' 안에 있는 것은 문자 
-> 6 로 출력 됨
grades['k88'+'05'] 
-> 6 로 출력 됨 
grades.k8805 
-> 6 로 출력 됨
grades.'k88'+'05'
-> error 남 
grades['sorialgi'] 
-> 80 로 출력 됨

✅ 객체와 반복문의 조우

(0)

-> var arr= ['a','b','c']; 
-> arr
["a","b","c"]
-> for(var i=0; i<arr.length; i++ {
  console.log(arr[i]);
}
a
b
c

배열은: 저장된 데이터들이 순서를 가지고 있음
객체는 : 순서가 없고 Key,value가 있을 뿐

(1)

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
    console.log(key);
}

-> 
egoing
k8805
sorialgi
라고 출력 됨 

-> grade에 key 값을 넣어주고 출력

(2)

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
    console.log(grades[key]);
}

-> 
10
6
80
라고 출력 됨 

(3)

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(var name in grades) {
    document.write("<li>key : "+name+" value : "+grades[name]+"</li>");
}

->
* key:egoing value:10
* key:k8805 value:6
* key:sorialgi value:80

<ul>
  <li>egoing</li>
  <li>graphiite</li>
  <li>leezche</li>
</ul>
-> 
* egoing
* graphiite
* leezche

라고 출력 됨 

✅ 객체지향 프로그래밍

-> var arr=['a','b','c'];

-> for(var name in arr){
console.log(name);
}
->
0
1
2