javascript 객체

윤로그·2021년 9월 25일

JavaScript

목록 보기
7/9
post-thumbnail

객체

  • Key : Value 형태로 생김 (name : "")
let peopleInfo = {
    name : '윤승근',
    age : 28,
    job : 'developer'
}

let peopleInfo2 = {
    name : '고효민',
    age : 28,
    job : 'nurse'
}

  • 비구조화 할당
let peopleInfo2 = {
    name : '고효민',
    age : 28,
    job : 'nurse'
}

let { job } = peopleInfo2
console.log(job) // nurse


let readInfo = (Info) => {
	let { name, age, job } = peopleInfo2
    let text = `이름은 ${name} 나이는 ${age} 직업은 ${job}`
    return console.log(text)
}

readInfo(peopleInfo2) // 이름은 고효민 나이는 28 직업은 nurse

// 파라미터 이용
let readInfo = ({ name, age, job}) => {
    let text = `이름은 ${name} 나이는 ${age} 직업은 ${job}`
    return console.log(text)
}

readInfo(peopleInfo2); // 이름은 고효민 나이는 28 직업은 nurse

this

  • this는 자기가 속한 객체
let myIntroduce = {
    name : '윤승근',
    age : 28,
    job : 'developer',
    readInfo() {
        console.log('저의 직업은' + this.job + '입니다.')
    }
}

myIntroduce.readInfo();
// 저의 직업은 developer 입니다.

 let myIntroduce = {
    name : '윤승근',
    age : 28,
    job : 'developer',
    readInfo() {
        console.log('저의 직업은' + this.job + '입니다.')
    }
}

let youIntroduce = {
    name : '고효민',
    age : 28,
    job : 'nurse'
}

youIntroduce.readInfo = myIntroduce.readInfo

youIntroduce.readInfo()
// 저의 직업은 nurse 입니다.

getter

  • 객체 데이터 조회
let peopleOne = {
    name : '윤승근',
    age : 28,
    job : 'developer',
    alias : 'dev',
    get read() {
        console.log(this.name, this.age, this.job, this.alias)
    }
}

console.log(peopleOne.read) 
// 윤승근 28 developer dev

0개의 댓글