陣列和物件的運用 - daniel-qa/Vue GitHub Wiki

陣列和物件的運用

1 area: ["123"]

陣列 []

area: ["02944f32-f534-3397-ea56-e6f1fc6c3714"]

這裡的值被用 [ ] 包起來,表示 一個陣列(array),即使只有一個元素,也需要用陣列來表示。

陣列的用途是存放多個值,通常用於需要表示 多個可能的項目或值集合 的情境中。

如果後續需要加入其他 ID,這種結構可以擴展,例如:

area: ["02944f32-f534-3397-ea56-e6f1fc6c3714", "other-id"]

2. geo: [{ ... }]

物件 Object { }

這裡的值是一個陣列,裡面包含一個物件(object),表示一組結構化的資料。

用 [ ] 包起來 是因為可能會有多個類似的物件,例如不同的地區資料:

geo: [
    {
        countryId: "TW",
        provinceId: null,
        cityId: "30",
    },
    {
        countryId: "US",
        provinceId: "CA",
        cityId: "12",
    },
]

3. 直接字串的差異

如果直接給字串,例如:

area: "02944f32-f534-3397-ea56-e6f1fc6c3714"

表示只有一個值,且這個值不是集合,無法直接擴展為多個項目。

適用於 明確只有單一值的情境。

總結

用 [ ] 表示陣列 是為了靈活性,允許儲存多個值,即使目前只有一個元素。

直接使用字串 表示該值是單一資料,不期望會有多個值。

什麼時候用 [ ]

如果未來有可能需要多個值,即使現在只有一個值,使用陣列([ ])會更具擴展性。例如:

area: ["id1"] // 未來可以變成 ["id1", "id2"]

直接用字串的情況適合值固定且不需要擴展時。