Object의 모든 것

Object 생성

하단의 btsObject 객체를 이용하여 모든 예시를 들어보겠습니다:)

btsObject: any = {
    RM : '김남준',
    JIN : '김석진',
    SUGA : '민윤기',
    JHOPE : '정호석',
    JIMIN : '박지민',
    V : '김태형',
    JK : '전정국'
  };

1. object의 key/value 구하기

Object.keys(객체 이름)

console.log('key 구하기', Object.keys(btsObject));

Object.values(객체 이름)

console.log('value 구하기', Object.values(btsObject));

2. object의 반복

obj in Object

btsList: any = [];

for (const bts in this.btsObject) {
      this.btsList.push(
        {
          btsNm: bts,
          name: this.btsObject[bts]
        }
      );
    }
console.log('btsList', this.btsList);

객체의 키와 값을 btsList라는 배열에 push

• 반복문을 통해 this.btsObject[bts]을 사용하면 모든 key의 value를 구할 수 있습니다.

3. for문사용하여 key/ value 구하기

• Object.entries 사용

for (const [key, member] of Object.entries(this.btsObject)) {
      console.log('key', key);
      console.log('member', member);
    }

• 단순 for문 사용

const btsKeys = Object.keys(btsObject);

for (let i = 0; i < btsKeys.length; i++) {
  const btsKey = btsKeys[i];
  const btsValue = btsObject[btsKey];

  console.log(`${btsKey} : ${btsValue}`);
}

4. 첫번째 key의 value

• 아래 코드를 이용하면 두번째, 세번째 key의 value도 구할 수 있습니다.

console.log('첫번째 key의 value: ',
this.btsObject[Object.keys(this.btsObject)[0]]);

5. object의 길이

console.log('objcet의 길이: ', Object.keys(this.btsObject).length);

6. 객체에 값 넣기

obj[ '추가할 key' ] = '추가할 value'

this.btsObject['BTS'] = '방탄소년단';
console.log(this.btsObject);

7. 객체의 값 삭제

delete.obj[key]