Javascript] 객체의 key(프로퍼티 이름), value(프로퍼티 값) 출력하기

 

1. Object.keys 

- 특정 객체의 프로퍼티를 출력하기 

const newStudent = {
      "1.name" : "jinee",
      "2.age" : 26,
      "3.class" : "A",
      "4.number" : "23",
      "5.birthday" : "1997-04-01",
      "6.emailAddress": "jinee@google.com",
      "7.phoneNumber": "010-1234-1234",
    }

    console.log(Object.keys(newStudent))

프로퍼티의 이름들이 하나의 배열에 담긴다

- 프로퍼티이름과 프로퍼티 값을 같이 출력하기 

const newStudent = {
      "1.name" : "jinee",
      "2.age" : 26,
      "3.class" : "A",
      "4.number" : "23",
      "5.birthday" : "1997-04-01",
      "6.emailAddress": "jinee@google.com",
      "7.phoneNumber": "010-1234-1234",
    }

Object.keys(newStudent).forEach((e)=>{
      console.log(`key: ${e} / value: ${newStudent[e]}`)
    })

2. Object.entries

- 특정 객체의 프로퍼티를 출력하기

const newStudent = {
      "1.name" : "jinee",
      "2.age" : 26,
      "3.class" : "A",
      "4.number" : "23",
      "5.birthday" : "1997-04-01",
      "6.emailAddress": "jinee@google.com",
      "7.phoneNumber": "010-1234-1234",
    }

    console.log(Object.entries(newStudent))

 

 [프로퍼티 이름, 프로퍼티의 값] 배열들이 담긴 하나의 배열이 리턴된다

- 프로퍼티이름과 프로퍼티 값을 같이 출력하기 

const newStudent = {
      "1.name" : "jinee",
      "2.age" : 26,
      "3.class" : "A",
      "4.number" : "23",
      "5.birthday" : "1997-04-01",
      "6.emailAddress": "jinee@google.com",
      "7.phoneNumber": "010-1234-1234",
    }

Object.entries(newStudent).forEach((e)=>{
      console.log(`key: ${e[0]}, value: ${e[1]}`)
    })

 

3. for ... in 구문

- 특정 객체의 프로퍼티를 출력하기

const newStudent = {
      "1.name" : "jinee",
      "2.age" : 26,
      "3.class" : "A",
      "4.number" : "23",
      "5.birthday" : "1997-04-01",
      "6.emailAddress": "jinee@google.com",
      "7.phoneNumber": "010-1234-1234",
    }

  for (let e in newStudent){
    console.log(e)
  }

- 프로퍼티이름과 프로퍼티 값을 같이 출력하기 

const newStudent = {
      "1.name" : "jinee",
      "2.age" : 26,
      "3.class" : "A",
      "4.number" : "23",
      "5.birthday" : "1997-04-01",
      "6.emailAddress": "jinee@google.com",
      "7.phoneNumber": "010-1234-1234",
    }

 for (let e in newStudent){
    console.log(`key: ${e} - value: ${newStudent[e]}`)
  }