[javaScript] 객체 Objects, Properties, Methods 개념

 

자바스크립트에서의 객체, 속성, 메서드를 이해하기 위해서

자동차를 예를들면

 

• object ----- 자동차
• properties ----- 자동차의 색상, 무게 등.. 속성
• Methods ------ 출발, 정지등의 방법

모든 차들은 이름, 색상, 무게 등 동일한 송성을 가지고 있지만 그 속성의 값은 자동차마다 다르다.

메서드도 마찬가지로 동일한 메서드를 가지고 있어도 각각 수행되는 시간은 차이가 있다.

 

 

객체도 변수이지만 아래와 같이 많은 값이 포함될 수 있는 변수이다.

const car = {mane:"Fiat", model:"500", color:"black"}

값은 이름:값 쌍으로 작성된다.

 

* const 객체를 사용해서 객체 선언하는 것이 일반적이다.

 

 

객체 정의

객체 리터럴을 사용하여 정의한다.

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

위와 같이 여러 줄에 걸쳐서 정의할 수도 있다.

 

 

 

객체 속성 접근 방법

두 가지 방법으로 객체 속성에 접근할 수 있다.

objectName.propertyName;
//or
objectName["propertyName"]

위에 예시에서  firstName에 접근하려면

객체명을 적고. 또는 [] 하고 접근할 속성명을 작성한다.

person.firstName;
//or
person["firstName"];

 

 

참고 : https://www.w3schools.com/js/js_objects.asp