Object

Hunter_Joe·2023년 4월 1일
0

JavaScript

목록 보기
9/10
post-thumbnail

Object

Object - 접근,추가,삭제

1. 접근

myProfile.name // "Joe"
myProfile.age // 26
myProfile['job'] // Dev

2. 추가

myProfile.race = "Korean";
myProfile['hairColor'] = "black";

3. 삭제

delete myProfile.race;

Object - 단축 property

const name = "Joe"
const age = 26;

const myProfile = {
  name, ..............// name : name,
  age, ...............// age : age,
  gender : 'male',
}

Object - property 존재 여부 확인

const myProfile = {
  name : "Joe",
  age : 26,
  gender : 'male',
}

myProfile.birthDay; // undefined

'birthDay' in myProfile; // false

'age' in myProfile; // true
  • in = operator
    어떤 값이 나올지 확신할 수 없을 때,
    함수의 인자를 받을 때,
    api통신을 통해 데이터를 받아올 때

EXAMPLE 1.1

function createObject(name, age) {
 return {
    name,
    age,
    hobby : "coding",
  }
}

const Joe = createObject('Joe', 26);
console.log(Joe);

const Mike = createObject('Mike', 20);
console.log(Mike);

console.log("age" in Joe);  // true
console.log("race" in Mike); // false

EXAMPLE 1.2

* 객체 in

function isAdult(user) {
  if(!('age' in user) || user.age < 20) {
    return false;
  }
  	return true;
}

const Joe = {
  name: "Joe",
  age : 26,
}

const Jane = {
  name : "Jane",
}

console.log(isAdult(Jane)) // false
console.log(isAdult(Joe)) // true
  • (!('age' in user) || : userage가 없거나
    user.age < 20) : age20 미만이거나

EXAMPLE 1.3

* 객체 for ... in

const Joe = {
  name : "Joe",
  age : 26,
}

for(x in Joe) {
  console.log(Joe[x]) // Joe['name'], Joe['26'] >> console값 : Joe 26
}
  • for ..in 을 사용해서 객체가 가지고 있는 property를 확인할 수 있다

Method

  • Method : 객체 property로 할당 된 함수
const Joe = {
  name : 'Joe',
  age : 26,
  coding : function() {
    console.log("코딩 중..")
  }
}

Joe.coding(); // 코딩중..
  • 단축해서 적을 수 있음 : coding(){console.log("코딩중..")
profile
hunting season

0개의 댓글