IT 및 코딩/자바스크립트(Java Script)

<꿀팁모아 : 178번째 포스팅> 자바 스크립트 객체(Objects)

희망주기 2022. 8. 1. 16:57
반응형

<꿀팁모아 : 178번째 포스팅> 자바 스크립트 객체(Objects)

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는

 

자바 스크립트 객체입니다

 

1 서론

   실생활에서 자동차는 대상인데요. 자동차에는 무게와 색상과 같은 속성과 시작 및 정지와 같은 방법이 있습니다. 

객체: 자동차

  모든 자동차는 동일한 속성을 가지고 있지만 속성 값은 자동차마다 다른데요!! 모든 자동차는 동일한 방법을 가지고 있지만 방법은 다른 시간에 수행이 됩니다. JavaScript 변수가 데이터 값에 대한 컨네이너라는 것을 이미 배웠는데요. 아래 코드는 car 이라는 변수에 단순 값(Fiat)을 할당합니다. 

단순 값

  객체도 변수입니다. 그러나 객체는 많은 값을 포함할 수 있죠. 아래 코드를 보시면 변수에 (Fiat, 500, 흰색)을 할당합니다.

 

할당 값

  서론이 너무 길었는데요. 이번 포스팅에서 객체 정의, 속성, 액세스 그리고 메서드에 대하여 알아볼 예정입니다!! 모두들 집중해주세요 ㅎㅎ

 

2 본론

  2-1 객체 정의 Object Definion

 

  객체 리터럴을 사용하여 JavaScript 객체를 정의 (및 생성) 합니다.

객체 리터럴 정의

  공백과 줄 바꿈은 중요하지 않습니다. 객체 정의는 여러줄에 걸쳐 있을 수 있습니다. 

여러줄을 통한 정의

  2-2 개체 속성 

 

  JavaScript 객체의 이름:값 쌍을 속성이라고 합니다. 

개체 속성

  2-3 객체 속성 액세스

 

  다음 두 가지 방법으로 개체 속성에 액세스 할 수 있습니다.

예1
예2

  2-4 객체 메서드

 

  객체에는 메서드가 있을 수도 있는데요. 메서드는 개체에 대해 수행할 수 있는 작업입니다. 메서드는 속성에 함수 정의로 저장됩니다. 

객체 메서드
예시

3 결론

  오늘은 자바 스크립트에서 객체에 대한 항목에 대하여 배우게 되었는데요. 이름만 어렵지 막상 설명을 들으니 쉽지 않나요? 오늘 배운 객체 정의, 개체 속성, 객체 속성 엑서스 그리고 객체 메서드 한번 사용해보시면 좀 더 와 닿기 편하실거에요! 눈으로만 보시지 마시고 한번 시도해보시는건 어떨까요? 

반응형