자바스크립트 객체 표현식에 대해서 질문 드립니다.

Question

downloadBtns : [ { name: &#34;저장&#34;, id: &#34;save&#34;, className: &#34;btn-outline&#34;, view: false, click: () &#61;> this.onSave(), }, { name: &#34;다운로드&#34;, id: &#34;exlDown&#34;, className: &#34;btn-outline&#34;, click: this.excelDown}, ],이러한 로직이 있습니다.그런데 궁금한게 만약에,이렇게 배열? 형식으로 [ ] 여기 안에서 { } 객체를 선언하는것과downloadBtns : [ { A : }]downloadBtns : { A : { }}이것과 무엇이 다른가요?? 기초적인 질문 같은데 이런거 어디서 배워야 하는지..설명해주시면 감사드리겠습니다.

으랏차차차55 · Answer

최상위를 배열로 선언하면 동일한 타입만 넣을수 있으니까객체로 선언하는 것보다 유연성이 떨어지죠예를 들면 최상위를 배열로 선언해버리면 전체 카운트 값 같은건 넣지 못하니까요상황에 따라 자료구조 성격이 달라지는데 데이터가 나중에 변경될수도 있으니 유연하게 설계하는 게 나을것 같아요

-ChatGPT- · Answer

[] &#61; 배열 객체 {} &#61; 키:값 객체 아닐까요?

songline · Answer

[]은 배열, {}은 객체를 표현하는 방식입니다.객체의 경우 간단히 말해 하나의 데이터라고 생각하시면 됩니다. 세부적인 속성 및 값 여러개를 가질 수 있으며, 값은 또 다른 객체거나 배열일 수 있습니다.배열의 경우 간단히 말해 여러개의 데이터라고 생각하시면 됩니다. 똑같은 데이터 여러개가 들어갈 수도 있고, javascript 등의 동적 타입을 지원하는 언어에서는 서로 다른 유형의 데이터도 하나의 배열에 들어갈 수는 있습니다.적어주신 경우 중 전자의 경우 객체들의 배열으로, 객체로 기술된 여러개의 데이터가 하나의 배열에 들어가있는 상황입니다. 아래 예시를 참고해주세요.// &#96;{ id, product_name, ... }&#96; 으로 각각의 주문 데이터를 기술하고, 이것들을 하나의 배열로 묶었음. const orderList &#61; [ { id: 37794, product_name: &#34;선풍기&#34;, ... }, { id: 38422, product_name: &#34;전자레인지&#34;, ... }, ... ]적어주신 경우 중 후자의 상황은 객체의 특정 속성값이 객체인 상황입니다. 보다 상세하고 명확한 데이터 관리를 위해 단일 값이 아니라 객체로 데이터를 기술한 경우이죠. 아래 예시를 참고해주세요.const homeAppliance &#61; { name: &#34;전자레인지&#34;, spec: { // 보다 자세한 정보를 표현하기 위해 객체의 속성값으로 다른 객체를 포함할 수도 있습니다. capacity: 22, // 22L ratedVotage: 220, // 220V power: 1000, // 1000W }, func: [ // 여러개의 데이터를 포함하기 위해 배열을 값으로 받을 수도 있습니다. &#34;일반 모드&#34;, &#34;해동 모드&#34; ], }

자바스크립트 객체 표현식에 대해서 질문 드립니다.

3개의 답변

Q&A 목록