[JS] object(객체)

자바스크립트의 기본 타입은(data type)은 객체(object)입니다.

 

객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다.

프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고한다

 

let dog = "하얀"; //일반 변수로 "하얀" 선언
//객체도 많은 값을 가지는 변수의 하나임
let hayan = {name:"하얀", color:"베이지", age:13};
document.write(dog + "<br>") //하얀
document.write(hayan.name); //하얀

자바스크립트에서는 숫자, 문자열 ,불리언, underfined 타입을 제외한 모든 것이 객체입니다.

하지만 숫자, 문자열, 불리언과 같은 원시 타입은 값이 정해진 객체로 취급되어, 객체로서의 특징도 함께 가지게 됩니다.

 

---

 

object.keys 객체 각키의 배열

Object.keys(객체)	객체 각 키의 배열	배열
Object.values(객체)	객체 각 데이터의 배열	배열
Object.entries(객체)	객체 각 속성(key, value)의 배열	배열

[내용]

객체 각 속성(Perperty)의 루프 처리 방법을 확인해 보자. 해당 메소드를 통해 키, 데이터, 속성을 나열하는 배열을 만들 수 있다.

//개인의 정보 데이터 객체
const userData = {
   id: i,
   name: '사자',
    age: 26
}

// 키를 기준으로 루프 처리
console.log(Object.keys(userData);  // 결과: ['id', 'name', 'age']

// 데이트를 기준으로 루프 처리
console.log(Object.values(userData);  // 결과: [1, '사자', 26]

// 속성을 기준으로 루프 처리
console.log(Object.entries(userData);  
// 결과: [['id', 1], ['name', '사자'], ['age', 26]]