혹시 예제를 보면서 문법에서 이상한 점을 발견했나요? 그 점에 대해서는 곧 알게 될 테니 걱정하지 마세요. 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 // }