[javascript]Object 객체

객체 (object)

Object 객체는 모든 자바스크립트 객체의 루트 객체

기본타입(number, string등등)을 뺀 나머지는 전부 객체타입

 

프로퍼티(property) 는 속성이란 뜻!!!! 자바스크립트에서는 객체 내부의 속성을 의미한다.

프로퍼티는 key : value 의 형식으로 객체안에 있음 

프로퍼티가 2개 이상 있으면(,) 구분

key는 속성명, value는 속성값이라고 함!!!

문자열, 숫자 객체 함수 등등 값으로 와도 상관없다. 

함수가 올 경우 속성값이라 하지 않고 메서드라고 부름!!!

객체는 key로 value값 접근 가능!!!!!!

▶ 객체 리터럴 선언(붕어빵을 만들기 위한 틀이라고 생각하면됨

let obj2 = {}

let stu1 = {
	name: "a",
	age: 20,
	score: 60
}

let stu2 = {
	name: "b",
	age: 22,
	score: 66
}

▶ 객체 생성자 선언(생성자 함수 첫글자는 대문자로 시작)

function Students(name, age, score) {
	//this가 가리키는것은 함수안의 매개변수임
	this.name = name;
	this.age = age;
	this.score = score;
    //return this 생략
}


let stu1 = new Student("a", 22, 60);
//new라는 키워드를 사용하여 생성자 함수 호출

 

예시 - 호출방법)

let obj1 = {
    name: "green",   
    // 하나의 구성을 property / key = name, value = "green"
    age: 30      
    // key = age, value = "30" 
    isJob: true;
}

//호출방법
obj1.name 또는 obj1["name"]
obj1.age 또는 obj1["age"]
obj1.isJob = true;

▶메소드를 사용하여 호출하면 반환하는 형태

let zz = {
            name: "구름",
            age: 3,
            color: "white"
        }

console.log(Object.keys(zz))

//Object.keys(객체)
["name", "age", "color"] 반환


console.log(Object.values(zz))

//Object.values(객체)
["구름", "3", "white"] 반환


console.log(Object.entries(zz))

//Object.entries(객체)
[["name", "구름"], ["age", 3], ["color", "white"]]반환


console.log(Object.fromEntries(Object.entries(zz)))

//Object.fromEntries(배열);
{
name: "구름",
age: 3,
color: "white"
}

▶ 생성자 함수에 사용되는 객체는 문자열 생략 가능/ 변수아니고 문자열 객체라고 함

 

function makePerson(name, age) {
            return {
                name, //생략 
                age
            }
        }
        let student3 = makePerson("재원", 27);
        console.log(student3);
        
        
 {name: 재원, age: 27}

 

▶ in 이라는 연산자를 사용하면 해당하는 object(객체)에 키가 있는지 확인할 수 있다!!!!

 

console.log("name" in student3);

true

해당 키가 없다면 false

 

 

▶property 삭제 할 수 있다!!!!!

 

let obj1 = {
    name: "green",   
    age: 30,       
    isJob: true
}


delete obj1.age;
console.log(obj1); 


==> {name: "green", isJob: true}

▶property 추가방법

객체이름.추가할 property이름 = 추가할 값; 
or 객체이름["property이름"] = 추가할 값;

let objects = {}

objects.ex = '예시입니다.'
objects['문자열'] = '이름이 문자열일때'

 

▶ 객체용 반복문 (for..in)

2022.12.04 - [javascript 기본문법] - 반복문2(for, for-in, for-of, .forEach)