객체의 문법
- 중괄호 활용
const 무념상 = {'egoing':10, 'k8805': 6, 'sorialgi': 80};
무념상 // {'egoing':10, 'k8805': 6, 'sorialgi': 80}
하나의 객체의 들어있는 3개의 인덱스
객체에서의 인덱스 : '문자'
10,6,80 => 각 인덱스의 값임.(어떠한 데이터 형식도 상관없음.)
- 대괄호 활용
const 무념상 = {};
무념상 ['egoing'] = 10;
무념상 ['k8805'] = 6;
무념상 ['sorialgi'] = 80;
객체의 값 가져오기
- 대괄호 활용
const 무념상 = {'egoing':10, 'k8805': 6, 'sorialgi': 80};
* key : egoing, k8805, sorialgi
* value : 10,6,80
무념상['egoing'] // 10
무념상['eg' + "oing'] // 10
- 마침표 활용
무념상.'egoing' // 10
for문 배열
const 무념상 = [ 'a', 'b', 'c'];
for( let i = 0; i = 무념상.length; i++) {
console.log(무념상[i]);
객체와 반복문(for in loop )
const 무념상 = {'egoing':10, 'k8805': 6, 'sorialgi': 80};
for (const name in 무념상) {
console.log("key : "+name+" value : "+무념상[name]+<br />);
}
//
key : egoing value : 10
key : k8805 value : 6
key : sorialgi value : 80
for 문은 in 뒤에 따라오는 배열의 key 값을 in 앞의 변수 name 에 담아 반복문을 실행한다.
반복문이 실행될 때 변수 key의 값으로 egoing, k8805, sorialgi 가 순차적으로 할당되기 때문에
무념상[key]를 통해서 객체의 값을 알아낼 수 있다.
Q. 숫자 2개를 넣으면 두개의 숫자를 더한 뒤 반환하는 함수를 만들어보세요.
funtion 무념상 = ('number1', 'number2') {
return 'number1'+ 'number2'
}
객체 지향 프로그래밍
*객체 안의 list라는 key가 있고 그 key 안에 또 다른 객체가 들어감.
const 무념상 ={
list (key값) : { 'egoing':10, 'k8805': 6, 'sorialgi': 80};
console.log(무념상.list) // { 'egoing':10, 'k8805': 6, 'sorialgi': 80}
console.log(무념상.list.egoing) // 10
*객체 안의 list라는 key가 있고 그 key 안에 또 다른 객체가 들어감.
const 무념상 ={
'list' (key값) : { 'egoing':10, 'k8805': 6, 'sorialgi': 80};
'show' : function(){
alert('Hello world');
}
}
무념상.show();
this 활용: 객체(함수가 소속되어 있는)를 가리키는 약속되어있는 변수
const 무념상 ={
'list' (key값) : { 'egoing':10, 'k8805': 6, 'sorialgi': 80};
'show' : function(){
console.log(this.list); // { 'egoing':10, 'k8805': 6, 'sorialgi': 80}
}
}
console.log(무념상.show();)
this=무념상 : 객체(함수가 소속되어 있는)를 가리키는 약속되어있는 변수
for in loop 활용
const 무념상 ={
'list' (key값) : { 'egoing':10, 'k8805': 6, 'sorialgi': 80};
'show' : function(){
for(let name in this.list){
console.log(name, this.list[name]);
}
}
}
무념상.show();