#04. [Naver Conventions 전격해부] Arrays

 

Arrays

---

 

 ▽ 4.1 배열을 작성 할 때는 리터럴 구문을 사용한다.

// bad
const items = new Array();

// good
const items = [];

 

 

 ▽ 4.2 아이템을 배열에 추가하는 경우, 직접 배열에 항목을 대입하지 말고 Array#push를 이용한다.

const someStack = [];

// bad
someStack[someStack.length] = "abracadabra";

// good
someStack.push("abracadabra");

 

 

 ▽ 4.3 배열을 복사할 때는 배열의 spread 연산자...를 이용한다.

// bad
const len = items.length;
const itemsCopy = [];
let i;

for (i = 0; i < len; i++) {
  itemsCopy[i] = items[i];
}

// good
const itemsCopy = [...items];

---

Airbnb 4.4 ~ 4.7

4.4 반복 가능한 객체를 배열로 변환 시, Array.from보다 spread ...의 사용을 권장합니다.

4.5 Array.from은 배열과 같은 객체를 배열로 변환하는 데 사용합니다.

4.6 spread ... 대신 Array.from을 사용하면 중간배열이 생성되지 않아 반복 가능한 항목에 매핑할 수 있습니다.

4.7 배열 메서드 콜백에서 반환문을 사용합니다. 함수 본문이 단일문으로 구성된 경우 반환을 생략해도 됩니다.

airbnb javascript conventions

---

 

 ▽ 4.8 배열이 멀티 라인인 경우, 배열의 시작(before)과 끝(after)은 개행한다.

// bad
const arr = [
  [0, 1], [2, 3], [4, 5],
];

const objectInArray = [{
  id: 1,
}, {
  id: 2,
}];

const numberInArray = [
  1, 2,
];

// good
const arr = [[0, 1], [2, 3], [4, 5]];

const objectInArray = [
  {
    id: 1,
  },
  {
    id: 2,
  },
];

const numberInArray = [
  1,
  2,
];

 

 확실히 Array Conventions에 대해서는 언급할 부분이 별로 없습니다. 직접적인 아이템 추가를 지양하고, 조금 더 보기 쉽도록 spread를 권장하는 모습을 보입니다.

 

 

naver github STYLE_GUIDE.md