배열을 하나의 요소로 초기화하거나 배열이 존재하는 경우 요소를 밀어 넣으십시오.

Question

어레이의 해시가 o이라고 가정 해 봅니다. 각 이벤트가 0 개 이상의 콜백을 가질 수있을 때 이벤트에 대한 등록 된 콜백.

ES6에서 더 좋은 방법이 있습니까?

if (key in o) o[key].push(x); else o[key] = [x] 

"더 나은"이란 말은 다른 개발자가 쉽게 이해할 수 있음을 의미합니다. 가능하면 더 간결하지만 가독성을 희생 시키지는 않습니다. 특히 (공통적 인) 문제는 o이 더 긴 표현 인 경우가 많다는 것입니다. this.listeners, 3 회 반복하는 것은 차선책으로 보입니다. 따라서 실제 코드는 다음과 같을 수 있습니다.

if (event in this.listeners) 
    this.listeners[event].push(callback); 
else 
    this.listeners[event] = [callback]; 

Answer 1

필요에 따라 논리 OR을 사용하여 배열을 만들 수 있습니다. 이 한번만 o[key] 반복

(o[key] = o[key] || []).push(x); 

:

o[key] = o[key] || []; 
o[key].push(x); 

Answer 2

try { 
    o[key].push(x) 
} 
catch(e) { 
    //cannot push to undefined exception 
    o[key] = [x] 
} 

Answer 3

한가지 해결책은 논리 OR 빈 어레이를 사용하고, 생성 된 어레이에 푸시한다.

결과는 o[key] 인 (o[key] = o[key] || []) 지정 주위에 괄호가 있음에 유의하십시오.

o[key] = (o[key] || []).push(x) 푸시가 배열의 새로운 길이를 반환하기 때문에 올바르지 않습니다.

Answer 4

다음과 같이 수행 할 수도 있습니다. 성능에 약간의 차이가 있습니다.

o[key] = o[key] ? o[key].concat(x) : [x] 
o[key] ? o[key].push(x) : o[key] = [x] 
o[key] && o[key].push(x) || (o[key] = [x]) 

Answer 5

거의 동일하지만 배열 초기화 구문을 사용할 수 있습니다 (이것은 새로운 배열을 생성한다는 점을 제외하고) 다른 답변 등이 가장 짧은하지만 대부분의 읽을 수있는 양식을하지 않습니다

o[key] = [...o[key] || [], x];