[자바스크립트] - 객체

2025. 5. 11. 15:46·frontend/JavaScript

출처: 모던 자바스크립트 튜토리얼

객체와 배열

객체와 배열 모두 다양한 자료형들을 저장할 수 있다.

이 둘의 차이점은 배열은 인덱스를 기반으로 자료를 저장하고,

객체는 키를 기반으로 다양한 자료들을 저장한다.

그래서 저장된 값들에 접근할 때 배열은 인덱스, 객체는 키를 사용한다.

객체만들기

빈 객체 만들기

let user = new Object(); //'객체 생성자'문법
let user = {}; // '객체 리터럴'문법

 

여기서 중괄호 {} 안에 키:값으로 구성된 프로퍼티가 들어간다.

객체 만들기

let user = { 
	name: "John", //키: "name", 값 : "john"
    age: 20 //키: "age", 값: 20
};

프로퍼티 접근

  • 값 읽어오기
    • alert(user.name); //John
      alert(user.age); //20
      
      let prop ="hobby";
      alert(user[prop]);
  • 추가, 삭제
    • user.addr = "서울";
      delete user.age;
  • 존재 유무 (in 연산자)
    • let res = 'name' in user;
      alert(res); // true, user 객체에 name이라는 속성이 존재한다.

프로퍼티의 값은 불린형도 가능하다.

 

예제

답

function isEmpty(value){ 
      for(let key in value){ // for ( ... in ...)를 통해 value 전체를 순회한다.
        return false;        // 만일 순회했을 때 변수 key에 값이 있다면 true, 없다면 false를 반환한다.
      }						 // 그래서 해당 true, false를 가지고 for문을 실행하게 된다.
      return true;
    }

 

'frontend > JavaScript' 카테고리의 다른 글

[자바스크립트] DOM  (0) 2025.05.11
[자바스크립트] location 객체  (0) 2025.05.11
[자바스크립트] 콜백함수  (0) 2025.05.11
[자바스크립트] 전위, 후위 연산자를 사용한 반복문(while)  (0) 2025.05.11
[자바스크립트] 논리 연산자 (||, &&, !) ⭐  (1) 2025.05.10
'frontend/JavaScript' 카테고리의 다른 글
  • [자바스크립트] DOM
  • [자바스크립트] location 객체
  • [자바스크립트] 콜백함수
  • [자바스크립트] 전위, 후위 연산자를 사용한 반복문(while)
eun_log
eun_log
  • eun_log
    개발은
    eun_log
  • 전체
    오늘
    어제
    • 분류 전체보기 (75)
      • 코테 (17)
      • CS (6)
        • 자료구조, 알고리즘 (3)
        • 네트워크 (0)
        • 데이터베이스 (2)
        • 운영체제 (0)
      • frontend (32)
        • JavaScript (29)
        • html&css (1)
        • project_study (2)
      • backend (15)
        • Java (15)
      • project (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
    • 관리
  • 링크

  • 공지사항

  • 인기 글

  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
eun_log
[자바스크립트] - 객체
상단으로

티스토리툴바