객체를 배열로 변환하는 방법

1. 반복문을 이용해서 빈 배열에 속성을 push()하기

Object의 key값만 배열에 넣기

const obj = {
  a: "apple",
  b: "banana",
  c: "coconut"
};

const arr = [];

for (let element in obj) {
  arr.push(element);
}

console.log(arr);
// (3) ['a', 'b', 'c']

Object의 value값만 배열에 넣기

Object[key] = value

const obj = {
  a: "apple",
  b: "banana",
  c: "coconut"
};

const arr = [];

for (let element in obj) {
  arr.push(obj[element]);
}

console.log(arr);
// (3) ['a', 'b', 'c']

2. Object의 key 값만 배열로 변환하기

Object.keys(오브젝트이름)

mozila 문서 - Object.keys()

const obj = {
  a: "apple",
  b: "banana",
  c: "coconut"
};

const arr = Object.keys(obj);

console.log(arr);
// (3) ['a', 'b', 'c']

3. Object의 value 값만 배열로 변환하기

Object.values(오브젝트이름)

mozila 문서 - Object.values()

const obj = {
  a: "apple",
  b: "banana",
  c: "coconut"
};

const arr = Object.values(obj);

console.log(arr);
// (3) ['apple', 'banana', 'coconut']

4. Object의 key값과 value 값 모두 배열로 변환하기

Obejct.entires()

mozila 문서 - Object.entires()

[‘key값’,’value값’] 으로 반환

const obj = {
  a: "apple",
  b: "banana",
  c: "coconut"
};

const arr = Object.entries(obj);

console.log(arr);
// (3) [["a","apple"], ["b","banana"], ["c","coconut"]]

---

예제

Q. salaries의 객체 속성에 있는 모든 급여 합계를 구하기

let salaries = {
  John: 100,
  Pete: 300,
  Mary: 250
};

방법1

1. Object.values(salaries)를 사용해서 급여만 배열로 변환
2. 변환된 배열을 반복하며 급여 더하기 (forEach(), map())

// map()
let sum = 0;
Object.values(salaries).map((salary) => (sum += salary));

console.log(sum);
// 650

// forEach()
let sum = 0;
Object.values(salaries).forEach((salary) => (sum += salary));

console.log(sum);
// 650

방법2

1. Object.values(salaries)를 사용해서 급여만 배열로 변환
2. reduce()사용해서 모든 총합 구하기

// reduce()

const sum = Object.values(salaries).reduce((acc, cur) => acc + cur);

console.log(sum);
// 650