바닐라 JS로 크롬 앱 만들기 #Objects

2024. 1. 3. 09:14·웹 프론트엔드/바닐라 JavaSctipt
const player = {
    name: "nico",
    points: 10,
    fat: true,
};

console.log(player); 
//console 은 objects 이고, 그 안 어딘가에 log가 존재함 => console.log 의 형태로 사용
console.log(player.name);
console.log(player["name"]); 
console.log(player["points"]);

 

array는 들어 있는 정보가 모두 같은 의미를 나타내지만

objects는 하나의 이름의 여러 정보들을 담는다. (그 자체로는 무슨 뜻인지 모른다.)

 

console.log(player);
player.lastName = "potato";
player.points = 20
console.log(player);

 

objects 안의 정보를 바꿀 수도 있고

새로 추가할 수도 있다.

objects가 const로 처음에 정의되었지만 안의 값을 바꾸는 건 문제되지 않는다.

'웹 프론트엔드 > 바닐라 JavaSctipt' 카테고리의 다른 글

바닐라 JS로 그림 앱 만들기 #1 THE CANVAS API  (2) 2024.01.17
바닐라 JS로 크롬 앱 만들기 #6 QUOTES AND BACKGROUND  (1) 2024.01.15
바닐라 JS로 크롬 앱 만들기 #5 CLOCK  (1) 2024.01.15
바닐라 JS로 크롬 앱 만들기 #4 LOGIN  (4) 2024.01.13
바닐라 JS로 크롬 앱 만들기 #3 JAVASCRIPT ON THE BROWSER  (0) 2024.01.12
'웹 프론트엔드/바닐라 JavaSctipt' 카테고리의 다른 글
  • 바닐라 JS로 크롬 앱 만들기 #6 QUOTES AND BACKGROUND
  • 바닐라 JS로 크롬 앱 만들기 #5 CLOCK
  • 바닐라 JS로 크롬 앱 만들기 #4 LOGIN
  • 바닐라 JS로 크롬 앱 만들기 #3 JAVASCRIPT ON THE BROWSER
JYUN_
JYUN_
예비 개발자 성장기록
  • JYUN_
    데브 스토리
    JYUN_
  • 전체
    오늘
    어제
    • 분류 전체보기 (89)
      • AWS & 클라우드 컴퓨팅 (1)
        • AWS (2)
      • AI & ML (17)
        • 딥러닝 (3)
        • 인공지능 기초 (2)
        • 자연어 처리 (3)
        • 컴퓨터 비전 (8)
      • CS 지식 (9)
        • 알고리즘 (1)
        • 자료구조 (4)
        • 지식확장 (1)
        • 컴퓨터 네트워크 (3)
      • 백엔드 (22)
        • Node.js (12)
        • Spring (9)
      • 웹 프론트엔드 (21)
        • HTML (3)
        • React (7)
        • 바닐라 JavaSctipt (11)
      • 코딩 테스트 & 문제 해결 (11)
        • 코딩 테스트 연습 (10)
        • 실전 문제 풀이 (1)
      • 트러블 슈팅 (1)
      • 기타 (4)
        • 개인 지식 관리 (1)
        • 외부 활동 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.4
JYUN_
바닐라 JS로 크롬 앱 만들기 #Objects
상단으로

티스토리툴바