[javascript] 객체 프로퍼티(속성) 메소드 삭제 / 나열 / 추가

[javascript] 객체 프로퍼티(속성) 메소드 삭제 / 나열 / 추가

---

✔️ 객체 프로퍼티 지우기

: delete + 객체. 프로퍼티명

var obj = {
		name: '이이이',
		age:20
};

console.log(obj.name);
console.log(obj.age);

//프로퍼티 제거
delete obj.age;
console.log(obj.age); //undefined

💡 결과는 undefined 로 나온다. 

 

 

✔️ 객체 프로퍼티 접근 및 나열

var obj = {
		name:'고고고',
		age:20,
		result:function(){
			return this.age >= 19? '성인':'초딩';
		}
};


//객체의 프로퍼티 접근
console.log(obj.name); //도트 표기법
console.log(obj['name']); //대괄호 표기법으로 접근

// 메소드 접근
console.log(obj.result());

//객체의 프로퍼티 나열
for(let ob in obj){
	//ob : 속성명
	console.log(ob, obj[ob]);
}

 

 

✔️ 객체 프로퍼티 및 메소드 추가

function User(name, age){ //생성자함수. 필드를 가질 수 있다.
	this.name = name; //필드. 
	this.age = age;
}

var obj = new User('자바',20); //obj

obj.score = 80; // obj <- score property add!
obj.state = function(){
	return this.age>=19? 'adult':'child';
}; //obj <- method add!

💡 메소드명에 값까지 간단하게 추가가능하고,
아래처럼 메소드도 추가 가능하다. (새로운 메소드 이름은 state 가 된다.)

없는 프로퍼티와 메소드는 console.log(obj2.score); // undefined!! console.log(obj2.state); // error!