더북(TheBook)

혹시 예제를 보면서 문법에서 이상한 점을 발견했나요? 그 점에 대해서는 곧 알게 될 테니 걱정하지 마세요. ES5와 ES6의 새로운 문법 중 상당수가 배열과 관련되어 있습니다. 이는 자바스크립트 커뮤니티에서 배열이 높은 가치를 인정받고 있다는 증거이기도 합니다.

배열 외 다른 컬렉션도 사용하기는 해야 합니다. 그렇지만 먼저 배열을 깊이 이해하면 여러분의 코드를 상당히 개선할 수 있습니다. 인기 있는 여러 데이터 조작 방법에서 배열이 중심을 차지하고 있기 때문입니다. 예를 들어 객체를 순회하려면 먼저 Object.keys()를 실행해서 객체의 키를 배열에 담은 후 생성한 배열을 이용해 순회합니다. 배열을 객체와 반복문의 가교로 활용하는 것입니다.

arrays/arrays/arrays.js

const game1 = {
  player: 'Jim Jonas',
  hits: 2,
  runs: 1,
  errors: 0,
};
const game2 = {
  player: 'Jim Jonas',
  hits: 3,
  runs: 0,
  errors: 1,
};
const total = {};
const stats = Object.keys(game1);
for (let i = 0; i < stats.length; i++) {
  const stat = stats[i];
  if (stat !== 'player') {
    total[stat] = game1[stat] + game2[stat];
  }
}
// {
// hits: 5,
// runs: 1,
// errors: 1
// }

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.