자바스크립트 기초 강좌(객체 / Object)

히대·2023년 12월 21일

Javascript

목록 보기
9/28

객체 (Object)

const superman = {
	name : 'clark',
    age : 33,
}

접근

superman.name ->'clark'
superman['age'] -> 33

추가

superman.gender = 'male'
superman['hairColor'] = 'black';

삭제

delete superman.hairColor;

단축 프로퍼티

const name = 'clark';
const age = 33;

const superman = {
name: name,
age: age,
gender: 'male',
}
↓ 이런식으로 단축 가능
const superman = {
name,
age,
gender: 'male',
}

프로퍼티 존재 여부 확인

const superman = {
	name : 'clark',
    age : 33,
}

superman.birthDay; -> undefined; * error가 나오는게 아니고 undefined 출력

in 연산자 사용시 프로퍼티가 있는지 확인가능

'birthDay' in superman; -> false
'age' in superman; -> true

for...in 반복문

for(let key in superman){
	console.log(key)
    console.log(superman[key])
}

for in 반복문을 사용하면 객체를 순회하면서 값을 얻을 수 있습니다.

예제

const superman = {
	name: 'clark',
    age : 30,
}

console.log(superman.name) -> 'clark'
console.log(superman['age']) -> 30

console.log(superman) -> Object { * 추가 하기 전
							age: 30,
                            name: 'clark'
                                }
                                
superman.hairColor = 'black';
superman['hobby'] = 'football'
console.log(superman) -> Object { * 추가 한 후
							age: 30,
                            hairColor: 'black',
                            hobby: 'football',
                            name: 'clark'
                                }
                                
delete superman.age;
console.log(superman) -> Object { * 삭제 한 후
                            hairColor: 'black',
                            hobby: 'football',
                            name: 'clark'
                                }

function makeObject(name,age){
	return{
    name : name,
    age : age,
    hobby : 'football',
    }
}

축약형 ↓

function makeObject(name,age){
	return{
    name,
    age,
    hobby : 'football',
    }
}

const mike = makeObject('mike',30);
console.log(mike); -> Object {
						age : 30,
						hobby : 'football'
                        name : 'mike'
						}
console.log('age' in mike) -> true
console.log('birthDay' in mike) -> false

객체 in

function isAdult(user){
	if(user.age < 20){
    	retrun false;
    }
    return true;
}

const Mike = {
	name : 'mike',
    age : 30
}

const jane = {
	name : 'jane'
}

console.log(isAdult(mike)) -> true
console.log(isAdult(jane)) -> true *jane은 age가 없는데 true가 나와서 식을 고쳐야함

function isAdult(user){
	if(!('age' in user) || user.age < 20){ * user 객체 안에 age가
    	retrun false;						 없거나 20살 미만이면
    }
    return true;
}

객체 for ... in 예제

const mike = {
	name: 'mike',
    age: 30
};

for(x in mike){
	console.log(mike[x]) -> 'mike',30 * mike[x]는 mike[name], 
} 										mike[age]를 돌고 출력 해줌
profile
아자아자 파이팅🔥

0개의 댓글