js中陣列的map函式爬坑實錄

2021-10-10 01:09:57 字數 540 閱讀 1645

話不多說,先看**。

users.

map(

(item,index )

=>

("imgblock" key=

>

alt=""/

>

<

/p>

<

/div>上面的**看似沒有任何的問題,但是忽略了陣列是空陣列的情況,寫專案的時候就會出現錯誤typeerror: cannot read property 『map』 of null(無法識別空陣列的情況),為了解決這一問題可以加上

(users||

).map(

(item,index )

=>

("imgblock" key=

>

alt=""/

>

<

/p>

<

/div>這樣就解決報錯的問題了,如果想設定陣列為空時候的顯示,可以用if else 語句來進行解決,陣列為空做什麼,陣列不為空做什麼。

JS中物件 陣列 Map的遍歷

js中的資料型別不多,資料 map以及物件是開發過程中經常使用到的複雜資料結構,經常需要遍歷來進行頁面資料的展示。先來建立乙個物件 var person 從 ecmascript 5 開始,有三種原生的方法用於列出或列舉物件的屬性 1 for.in.迴圈 該方法依次訪問乙個物件及其原型鏈中所有可列舉...

uni app爬坑實錄十二 自適應不同比例的螢幕。

比如圖中左邊布局正常,更換了乙個比例不同的螢幕,顯示就產生了一條間隙。解決思路 ab和cd兩個區域的可以固定高度,然後bc區域根據不同的螢幕尺寸調整它的高度,即可實現不同尺寸螢幕的自適應。那麼程式需要做的 1 獲取裝置可用螢幕總高度。3 獲取固定區域的高度 2 滾動框height屬性繫結變數。一 獲...

Vue中引入靜態JS檔案(爬坑)

前言 背景介紹 開發的專案需要與threejs的3d專案結合在一起,需要靜態引入,jquery.js,stats.js,three.js,threebsp.js等靜態檔案。開發環境是iview admin2.0.嘗試了許多方法,算是填坑了吧.1 首先找到專案下的index.html,我的是在publ...