음,, 자바스크립트 좀 안다 하면 절대 모를 수 없는 파트죠. 오브젝트 Object..
처음에 기초부터 순서대로 javascript를 배웠을 때, object 란 그저 자바스크립트의 한 부분을 차지하는 줄 알았습니다 ㅠ (큰 오산..)
배우고 나서 돌아보니 javascript의 모든 것이 다 object로 이루어져 있더라구요,,
자바스크립트가 객체 지향 언어이다.. 객체 지향 언어이다.. 이론으로 외웠을 때는 안 와닿았던 말이 갑자기 떠오르면서...!
아ㅏ... 이래서 객체 지향 언어라 하는구나 .. 배우면서 알게 되었답니다..
이론으로 배우기만 할 때는 간단하게 아..그렇구나! 로 넘어갔던 것들이 적용하면서 더 어렵게 다가왔습니다 ㅠ
그래서 더더욱 기록과 제 머릿속의 오브젝트들을 정리, 이해하기로 했답니다 .
화. 이. 팅
Object
javascript 는 객체 지향 언어로 모든 것이 원시값을 제외한 모든 javascript는 object 객체 입니다.
객체는 데이터와 관련된 자료를 저장하는데 매우 유용한 구조를 가지고 있습니다. 그렇기 때문에 아주아주 중요합니다 !
backend에서 다루는 모델링(데이터를 구조화하여 저장하는 과정)을 통해 데이터를 정리하는 부분에서도 이 object구조가 효율적인 데이터 정리에 많이 도움이 될 거라고 생각이 듭니다.
let person = {
name : haneul,
age : 30,
hobby : reading
};
객체는 위의 구조와 같이 생겼습니다.
person 은 객체이며
name, age, hobby 는 key.
haneul, 30, reading 은 value.
콤마로 구분되는 하나 하나를 property 라고 합니다.
그래서 key는 property명 , value는 property값 이라고 하죠.
이 객체에 접근하여 값을 불러오려면,
person.name 을 입력하면 haneul 을 불러올 수 있고
person.age 를 입력하면 30을 불러올 수 있습니다.
이렇게 객체의 특정 key의 value값을 접근하려면
이와 같은 점표기법 으로 입력하여 특정 key의 value 값에 접근할 수 있습니다.
*점 표기법으로 함수를 가진 property나 객체내의 배열에 속해 있는 value값에 접근합니다.
*괄호 표기법으로도 객체의 값을 불러올 수 있습니다.
객체의 key값에 띄어쓰기가 있을 경우 괄호표기법을 사용해 값에 접근할수 있습니다.
프로퍼티 값 수정하기 !
객체를 생성할 때 이미 부여한 값 대신 다른 값으로 갱신하려고 할 때,
person.name = 'jinsu';라고 변경하고 싶은 key와 변경할 값을 입력하게 되면 다시 그 프로퍼티 값을 불러왔을 때 변경되어 있는 것을 확인할 수 있습니다.
....ㅎㅎㅎ 간단하죠...?
새로운 프로퍼티 값 생성하기 !
person['my friends'] = [hanuel, minsu, hyejin];이번에는 띄어쓰기가 있는 property명으로 설정하기 위해 괄호표기법을 사용해보았는데요.
이렇게 만들고 싶은 새로운 property명과 해당 key의 value값을 넣어주면 그대로 바로 생성 가능합니다 !
* Method
javascript 에서 메소드란 기본적으로 함수와는 다른 의미이다.
object안에서 함수의 정의를 포함하고 있는 property 자체를 method라고 한다.
...object 2탄에서 이어서...
'javascript > Object' 카테고리의 다른 글
| TIL no.10 - Array 배열 : JavaScript (0) | 2020.08.25 |
|---|
