一維陣列轉二維陣列

2022-02-14 03:23:54 字數 951 閱讀 2054

vue專案中經驗:

1.後台傳送過來的json檔案是一維陣列

2.我需要像swiper傳遞過去資料(注: 我的swiper裡面放的不是,而是乙個個小小的選項)如下圖

一頁存放8個,有2頁,但是傳遞給我的json資料是乙個一維陣列所以需要改成二維陣列

然後再v-for這個二維陣列,之後再v-for取出小object的屬性值

處理前:

處理後:

具體**:

1.我將axios 獲取到的 一維陣列 資料存放到 data中的foods中去

2.然後我在計算屬性computed中進行"改造":

computed: = this

//準備二維陣列

const arr = ;

let minarr = ;

//遍歷foods

foods.foreach(category =>

//如果minarr是空的,將小陣列儲存到大陣列中

if(minarr.length === 0)

//將當前分類資料儲存到小陣列中

minarr.push(category)

});return arr;}}

3.這樣就把一維陣列轉變成了二維陣列;當然了我們可以自己決定二維陣列中每個小陣列的長度為多少

4.我直接將categoryarr傳給了子元件,然後v-for套乙個v-for就可以了

一維陣列轉二維陣列

假設你一維陣列的大小為100 你需要把它拆分為20 5的乙個二維矩陣。不妨這樣去實現 假設一維陣列的下標為x,可以把它在邏輯上轉換為二維陣列的下標 m x 5 n x 5 比如你要找第一行第二列的元素,那在一維陣列中就是a 1 轉化為二維座標就是b 0 1 其實多維陣列和一維陣列一樣,在計算機中都是...

一維陣列轉二維陣列

在專案上,會遇到將乙個一維陣列的資料,按板塊的分布排版這一類的需求。這種需求的資料往往就是陣列元素中含有相同字段,以這相同字段分類即可達到需求。以以下資料為例 將let oldarr 轉換為 let newarr 即將乙個一維陣列轉為二維陣列 不難發現,部分陣列元素字段存在相同的值,我們以type來...

一維陣列轉二維陣列

使用場景舉例 介面返回乙個陣列物件,展示時每行固定顯示n個,則可將返回的陣列轉成二維陣列 n n 的形式迴圈展示。a.陣列元素為基本型別 let basearray 1,2,3,4,5,6,7,8 len len basearray.length let n 4 假設每行顯示4個 let linen...