[Day4] 1.15 ~ 2.2 정리

1.15 ~ 1.16) 객체

객체 생성하기

객체를 생성하는 방법은 두 가지가 있다.

let obj1 = new Object(); // 객체 생성자
let obj2 = {}; // 객체 리터럴 (대부분 사용)

객체 프로퍼티

객체에 프로퍼티를 추가할 때는 key: value의 쌍으로 추가할 수 있다. 여러 프로퍼티가 존재하는 경우 ,를 통해 구분한다.
value에는 여러 원시타입과 배열, 객체등 다양한 값이 올 수 있다.

• key는 따옴표로 묶어줄 필요가 없다.
• 단, like cat과 같이 띄어쓰기가 존재하는 키의 경우에는 따옴표로 묶어줘야 한다.

let person = {
  name: '냐냐',
  age: 25,
  hobby: '강아지 산책',
  'puppy name': '모리' //따옴표로 묶어줘야 함!
};

객체 프로퍼티 다루기

접근하기 (점 표기법, 괄호 표기법)

객체의 프로퍼티에 접근하는 방법은 두 가지가 있다.

let name = person.name;
let age = person["age"]; // 이 때 [] 안의 값은 표현식으로 평가되기 때문에, age라고만 적으면 age 변수를 찾는다. 

// 변수 사용하기
let property = 'hobby';
let hobby = person[property];

추가하기

person.favoriteFood = '떡볶이';
person['favoriteColor'] = '연보라';

수정하기

person['favoriteFood'] = '치킨';
person.favoriteColor = '하늘색';

삭제하기

delete연산자를 사용하여 프로퍼티를 삭제할 수 있다.

delete person.favoriteColor;
delete person["favoriteFood"];

프로퍼티의 존재 유무 확인하기

in연산자를 사용하여 프로퍼티의 존재 유무를 확인할 수 있다.

let result = 'name' in person;

객체 메서드

객체의 프로퍼티중 값이 함수인 프로퍼티를 메서드라고 부른다.

const peron = {
  name: '냐냐',
  sayHi: function(){
    console.log('안녕');
  },
  sayMyName(){
    console.log('안녕');
  }
};
person.sayHi();
person.["sayHi"]();

---

1.17) 배열

배열이란 여러개의 값을 순차적으로 담을 수 있는 자료형을 말한다. 이 때 자바스크립트의 배열은 여러 타입의 데이터를 동시에 저장할 수 있다.

배열 생성하기

두 가지 방법으로 배열을 생성할 수 있다.

let arrA = new Array(); // 배열 생성자
let arrB = []; // 배열 리터럴(대부분 사용)

let arrC = [1, 2, 3];

배열 요소 다루기

접근하기

let item1 = arrC[0];
let item2 = arrC[1];

수정하기

arrC[0] = 'hello';

 

---

2.1) Truthy와 Falsy

[JavaScript - 심화] Truthy와 Falsy

 

---

2.2) 단락 평가