1) 객체
객체는 배열과 유사하지만 다른 개념이다 배열은 숫자와 문자열만 담을 수 있지만 객체는 다양한 데이터를 담을 수 있다 객체는 { } 중괄호를 이용해서 만들 수가 있는데 중괄호 안에는 '키(key)' 값과 '값(value)' 쌍으로 구성된 프로 퍼티를 넣을 수 있다 키 엔 문자형 값 에는 모든 자료형이 다 들어올 수 있다
객체를 만드는 법엔 2가지 방법이 있다
let object = new Object();
let object = {};
각각 객체 생성자 문법, 객체 리터럴 문법이라고 부른다
let user = {
name : 'Alex', // 키는 name 이고 value는 Alex다
address : "New york'// 마찬가지
};
점 표기법을 사용하면 프로퍼티를 읽을 수 있다
alert(user.name) // Alex 출력
alert(user.address) // New york 출력
대괄호 표기법으로도 가능하다
alert(user['name']) // Alex 출력
alert(user['address']) // New york 출력
2. in 연산자로 프로퍼티 여부 확인하기
let user = {name : 'John', age : 30};
alert("age" in user); //age가 user안에 있기 때문에 true를 출력한다
alert("hobby" in user); // user안에 없는 키 이기 때문에 false를 출력한다
3. for in 반복문
for in 반복문을 사용하면 객체의 모든 키를 순회할 수 있습니다
let user = {
name: "John",
age: 30,
isAdmin: true
};
for (let key in user) {
// 키
alert( key ); // name, age, isAdmin
// 키에 해당하는 값
alert( user[key] ); // John, 30, true
}
4. 객체지향 프로그래밍
var grades = {
'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80},
'show' : function(){
for(var name in this.list){
document.write(name+':'+this.list[name]+"<br />");
}
}
};
grades.show();
생활코딩 에서 가져온 코드다 아직 객체지향 프로그래밍에 대해선 잘 모르지만 대충 맛보기만 해보자
'자바스크립트' 카테고리의 다른 글
[Javascript] - 정규표현식 (0) | 2022.04.09 |
---|---|
[Javascript] - 변수 (0) | 2022.01.05 |
[Javascript] - 동기와 비동기 그리고 콜백함수 (0) | 2021.04.09 |
[Javascript] - Array를 다루는 방법들 (0) | 2021.04.03 |
[Javascript] - 템플릿 문자열 (0) | 2021.03.27 |