LeeWang_31
이왕31
LeeWang_31
전체 방문자
오늘
어제
  • 분류 전체보기 (234)
    • 프로젝트 (2)
      • 사이드 프로젝트 (2)
      • Codestates_pre_project (0)
    • 프론트엔드 (169)
      • Html (19)
      • CSS (18)
      • JavaScript (29)
      • Codestates (76)
      • 코딩노트 (27)
    • 백엔드 (10)
      • node (10)
    • 구르는 돌 🌑 (16)
      • Codestates (11)
      • 생각 (4)
      • 공부 흔적 (1)
    • 정보 (18)
      • 오류노트 (2)
      • 인텔리제이 정보 (9)
      • 깃 정보 (3)
      • 기타 정보 (4)
      • 안드로이드스튜디오 정보 (0)
    • CS (7)
      • 이론공부 (7)
    • App (6)
      • Android (3)
      • Kotlin (3)
    • 컴퓨터 수학 (5)
      • 암호론 (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • DP
  • 사용자친화웹
  • 안드로이드스튜디오범블비
  • UI/UX
  • 코딩애플
  • 사용자 친화 웹
  • 2693
  • html
  • 알고리즘
  • linuix 코드스테이츠
  • 웹팩
  • 코플릿
  • 코드스테이츠
  • 파이어베이스연동
  • codestate
  • css
  • 번들링
  • React
  • linux
  • 1292
  • 사이드프로젝트
  • 2609
  • 백준
  • TODOlist
  • 자바스크립트
  • ubuntu
  • figjam
  • 생활코딩
  • JavaScript
  • 안드로이드스튜디오파이어베이스

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
LeeWang_31

이왕31

[Javascript] 객체
프론트엔드/Codestates

[Javascript] 객체

2022. 9. 5. 16:04

코드스테이즈 41기 교육 내용을 정리하고 있습니다.
틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 

객체

사용자의 이름, 나이, 거주지를 받기 위해 user라는 객체를 만든다고하면 다음과 같이 만들수 있다.

let user = {
	name : 'Lee',
   	age : 20,
   	city : 'seuol'
};

 

객체의 값을 사용하는 방법은 두가지가 있다.

Dot notation방법과 Bracket notation이다.

//Dot

user.name;		// 'Lee'
user.age;		//20

//Bracket

user['name'];		//'Lee
user['age'];		//20

 

Bracket notaion의 대괄호에 따음표가 없는경우

let newName = 'name';
user[newName];	//'Lee'

 

객체 삭제

delete를 사용한다.

delete user.name	//해당값이 있다면 true를 출력하고 지운다.
user;			//{age: 20, city: 'seuol'}
저작자표시 (새창열림)

'프론트엔드 > Codestates' 카테고리의 다른 글

[JavaScript] 스코프  (0) 2022.09.06
[JavaScript] 원시형 자료형과 참조형 자료형  (0) 2022.09.06
[Linux] Node.js  (0) 2022.09.02
[Linux] 패키지와 패키지 매니저  (0) 2022.09.02
[JavaScript] 배열  (0) 2022.09.02
    '프론트엔드/Codestates' 카테고리의 다른 글
    • [JavaScript] 스코프
    • [JavaScript] 원시형 자료형과 참조형 자료형
    • [Linux] Node.js
    • [Linux] 패키지와 패키지 매니저
    LeeWang_31
    LeeWang_31
    이왕 할 거면 기분 좋게

    티스토리툴바