Object 너 뭐야!!

임홍렬·2022년 8월 19일
0

자바스크립트 공부

목록 보기
7/12
post-thumbnail

object = {key : value};

  • object는 키와 값의 집합체이다.

계산된 properties

object['key']

  • key는 항상 string으로 적어야한다.
console.log(ellie.name);
console.log(ellie['name']);
console.log(ellie.name);
console.log(ellie['name']);
ellie['hasJob'] = true;
console.log(ellie.hasJob);

function printValue(obj, key) {
  console.log(obj[key]);
}
printValue(ellie, 'name');
printValue(ellie, 'age');

프로퍼티 줄이기?

const person1 = { name: 'bob', age: 2 };
const person2 = { name: 'steve', age: 3 };
const person3 = { name: 'dave', age: 4 };
const person4 = new Person('elile', 30);
console.log(person4);

Constructor Function

function Person(name, age) {
  // this = {};
  this.name = name;
  this.age = age;
  // return this;
}

해당하는object안에 key가 있는지 없는지 확인

console.log('name' in ellie);
console.log('age' in ellie);
console.log('random' in ellie);
console.log(ellie.random);

for..in vs for..of

console.clear();
for (let key in ellie) {
  console.log(key);
}

// for (value of iterable)
const array = [1, 2, 4, 5];
for (let value of array) {
  console.log(value);
}

재밌는 복제하기

// Object.assign(dest, [obj1, obj2, obj3...])

const user = { name: 'ellie', age: '20' };
const user2 = user;
console.log(user);

// old way
const user3 = {};
for (let key in user) {
  user3[key] = user[key];
}
console.clear();
console.log(user3);

const user4 = Object.assign({}, user);
console.log(user4);

// another example
const fruit1 = { color: 'red' };
const fruit2 = { color: 'blue', size: 'big' };
const mixed = Object.assign({}, fruit1, fruit2);
console.log(mixed.color);
console.log(mixed.size);

객체지향 공부하기 !!!

profile
뜨내기 FE 개발자

0개의 댓글