2023 - 06 - 13 객체 리터럴 (Object literal), 프로퍼티 (Property), 매서드 (Method)

오늘 할일

node 기본강의 듣기

 

오늘 배운 것

객체 리터럴

JavaScript의 데이터타입
1. 원시타입 (문자열, 숫자열 불리언 등), 변경이 불가능한 값. 변수에 할당되는 값
2. 객체타입 (여러가지 타입을 하나로 만든 복합 자료구조. 하나의 객체안에 함수, 문자열, 배열 등 
            다양하게 들어갈 수 있다)

자바스크립트는 객체(Object)기반 프로그래밍 언어이고 자바스크립트를 구성하는 거의 모든 것은 
객체로 구성되어있다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 하나의 프로퍼티는 key와 value로 
구성되어 있다.

객체 리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호로 값을 생성하는 표기법
객체 리터럴은 class를 먼저 선언하고 new 연산자와 함께 생성자를 호출할 필요 없이 
숫자열, 문자열을 만드는것처럼 객체를 생성할 수 있다.

let objectLiteral = {
    key: 'value', // 프로퍼티 (key-value로 구성됨)
    helloWorld: function(){  // 매서드
        return "hello world!"
    }
}
console.log(objectLiteral(hellowWorld())); // Hello World!

 

 

프로퍼티(property) : 

객체의 상태를 나타내는 값(Data) : key-value로 구성됨

const human = {
  // 프로퍼티 키: 'name', 프로퍼티 값: '이용우' 
  name: '이용우',
  // 프로퍼티 키: 'human age', 프로퍼티 값: 28 
  'human age': 28
}

 

매서드(Method) : 

프로퍼티를 참조하고 조작할 수 있는 동작(behavior). 

객체의 프로퍼티 값이 함수로 구성되어있을 경우 매서드라고 부름.

let objectLiteral = {
    key: 'Value', // 프로퍼티
    helloWorld: function () { // 메서드
        return "Hello world";
    }
};

console.log(objectLiteral.helloWorld()); // Hello world

 

 

객체 리터럴을 활용해 사칙연산을 하는 객체 만들어보기.

const calculator = {
  add: function (a, b) { return a + b; },
  sub: function (a, b) { return a - b; },
  mul: function (a, b) { return a * b; },
  div: function (a, b) { return a / b; },
}

console.log(calculator.add(3,2)); // 5
console.log(calculator.sub(3,2)); // 1
console.log(calculator.mul(3,2)); // 6
console.log(calculator.div(3,2)); // 1.5