如何讓數組不再是 object？

Question

我有一個數組字段，在我的產品集合中稱為變體。 但是當我控制台記錄它時，它說它是 object，所以現在我無法 map 它。

我所做的是 map 使用 useEffect 獲取我的產品詳細信息的文檔

useEffect(() => {
        const getProducts = async () => {
            const q = query(
                collection(db, "Products"),
                where("slug", "==", router.query.slug)
            );
            const querySnapshot = await getDocs(q);
            querySnapshot.docs.map((doc) => setProduct(doc.data()));
                    
        };
        getProducts();
    }, [router.query.slug]);

Answer 1

//Lets say we have an object 
const obj1 = {calories: 300, price: 800, size: 'medium'};
const obj2 = {calories: 500, price: 1300, size: 'large'};

//Since you want to have two objects in your array, spread the two objects
const arr = [...obj1, ...obj2];
//arr becomes an array which you can now map