state의 자료형

//data.js

let data = [
 {
id: 0,
title: 'White and Black',
content: 'Born in France',
price: 120000,
imgUrl: 'https://codingapple1.github.io/shop/shoes1.jpg',
 },
 {
id: 1,
title: 'Red Knit',
content: 'Born in Seoul',
price: 110000,
imgUrl: 'https://codingapple1.github.io/shop/shoes2.jpg',
 },

 {
id: 2,
title: 'Grey Yordan',
content: 'Born in the States',
price: 130000,
imgUrl: 'https://codingapple1.github.io/shop/shoes3.jpg',
 },
];

export default data;

//App.js 중

let [shoes] = useState(data);

return( ...

card shoes={shoes[0]}
)

shoes의 자료형이 뭔가요? 저는 data의 자료형을 그대로 상속받는 걸로 생각하고 있었는데,
consolelog를 찍어보니 {배열} 이런 형태로 나옵니다.

shoes는 배열의 객체인가요 아니면 객체의 배열인가요?

그리고 자료형이 객체라고 했을 때, 키 값이 없이 인덱싱 하는 것이 이해가 가지 않습니다.