본문 바로가기

객체2

JS_기본 문법 (23)_ 객체 + 2022.02.10 - [🌌 | WEB DEV/Vanilla JS] - JS_기본문법 (3)_객체 기존에 다루었던 JS의 객체에 대해서 조금 더 알아보자! 1. 객체 생성 & 접근 예전 포스트에서 다루었던 대괄호 표기법은 다양한 방식으로 활용할 수 있다. 1) 식별자 명명 규칙에서 벗어난 키 이름에 접근 const obj = { 'ab-1' : 100, 'c d' : 'Hello' }; console.log( obj['ab-1'], obj['c d'] ); >>> 100 >>> 'Hello' 위처럼 명명 규칙을 어긴 경우에도 ' '(따옴표)를 이용하여 키 이름으로 설정하고 이를 대괄호 표기법으로 접근할 수 있다. 2) 표현식에 이용 연산을 하여 키값으로 설정을 할 경우에도 대괄호를 이용한다. let id.. 2023. 3. 26.

JS_기본문법 (3)_객체 객체 JS는 객체지향언어이다. 객체는 프로퍼티와 메서드로 이루어져 있는데 또한 프로퍼티는 key: value로 구성이 되어있다. -> key(문자열or심볼), value(저장할 데이터) 참고로 함수와 배열은 객체에 속한다. 객체 생성 방법 객체 리터럴 방식 "{ }"로 객체를 표현하는 것을 리터럴 방식이라고 한다. (파이썬 dict와 비슷) const 객체명 = { key : value, ... }; 객체를 생성할 때에는 보통 const를 이용해 상수 선언을 해준다. 그에 따라 객체 자체를 바꿀 수 없지만, 내부의 프로퍼티, 메서드 등은 변경이 가능하다! (let을 이용해 생성하면 객체 자체도 바꿀 수 있다.) key 프로퍼티명(key)은 따옴표를 붙이지 않아도 되고 이러한 경우, 문자, 언더바, 달러 .. 2022. 2. 10.

이전 1 다음

티스토리툴바