본문 바로가기

Frontend/JAVASCRIPT

[Javascript] Object(기본,리터럴)

반응형

객체(object)는 관련된 데이터함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티(proprty)메소드(method)라고 부름)의 집합이다.

 

1. 선언

변수를 만들어 할당해주면 사용할수 있다.

  • curly bracket({})사이에 데이터들의 집합(프로퍼티와 메소드) 를 작성해주면 된다. (리터럴(literal)로 선언한다고 한다.)

2. 작성

사용은 괄호안에 key값과 value값의 pair로 작성을 해주면 사용할수가 있다.

obj = {
    name : "lee",
    age : 20,
    city : ["seoul","busan"],
    isMarried : false,
    greeting : function(){
        console.log("hello!");
    }
}

// name, age, city, isMarried, greeting 이 key
// : 오른편의 값들이 value

// name, age, city, isMarried is property
// greeting is method
  • value 는 일반 값(primitive type),과 함수, 객체 등을 받을수가 있다. (변수처럼 사용하면 된다.)

3. 사용

     1.  dot notation

접근하면 그 즉시 해당 값이 된다(type에 유의하자.)

 

객체 내의 함수를 실행하는 방법. 일반 함수를 실행하듯 () 를 붙여주면 된다.

     2. braket notaion

objectName["key"] 로 각 값에 접근할 수 있다.
함수를 실행 (braket notion)

  • braket notation을 사용할때는 key값을 꼭 String(" ")으로 처리를 해주어야 한다.

결국 object도 어떤 기능이나 데이터를 담는 집합이다. 프로그래밍을 하기위한 재료 쯤으로 알아둬도 크게 문제가 없을것 같다.

 

object의 기본을 안다면 이제 베열의 메소드에 대해서 좀더 알아볼수 있을것 같다.

다음 포스팅에서 배열도 객체의 한 종류이기때문에 배열 자체가 가진 프로퍼티메소드를 알아보자.

반응형