배열 내부에서 삼항연산자 사용할 경우 결과가 다르게 나오는 이유가 알고싶어요.

안녕하세요. 작성자님이 작성하신 코드는 아래에서 _ewq와 같은 값을 가질 것입니다. 여기서 소괄호(())는 대괄호([])와 역할이 다르며, 일반적으로 배열에서는 잘 사용되지 않습니다. 해당 문법에서는 배열 안에서 age 값 하나를 가진 오브젝트가 값을 10, 105, 120, 15 이렇게 덮어씌우는 것으로 보입니다. 그래서 마지막에 작성한 15가 값으로 콘솔에 찍히는 것이지요. 만약 의도하시는 것처럼 4개의 값이 모두 배열에 들어가게 하고 싶으시다면 아래에 __ewq 처럼 ... 연산자를 사용해서 배열 안에서 배열을 인식하도록 수정해 주면 될 것 같습니다.

1
2
3
const _ewq = [({age:10},{age:105},{age:120},{age:15})];

const __ewq = [...[{age:10},{age:105},{age:120},{age:15}]];