TypeError:res.forEach?is?not?a?function報(bào)錯(cuò)解決辦法
出現(xiàn)報(bào)錯(cuò)：
首先注意forEach中的“E”要大寫。
報(bào)錯(cuò)有2種可能原因：
- 原因是使用foreach（）方法用過遍歷的應(yīng)該是數(shù)組才對(duì)，所以使用Array.from()方法將遍歷對(duì)象轉(zhuǎn)化為數(shù)組
- 原因是遍歷的對(duì)象不對(duì)，可能對(duì)象中有好幾層data，需要console.log( res )；看看
原因一：
錯(cuò)誤代碼：
res.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})解決辦法：加一行代碼 res = Array.from(res);
正確代碼：
res = Array.from(res);
res.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})原因二：
以此項(xiàng)目為例，執(zhí)行了console.log( res )；后可以看到（下圖）res其實(shí)是一個(gè)對(duì)象，里面包含了3層data，我要拿到的是第三層data中的數(shù)據(jù)，而前面說過forEach遍歷的應(yīng)該是數(shù)組才對(duì)，這里的res是一個(gè)對(duì)象所以會(huì)報(bào)錯(cuò)。
解決辦法：
在此例中要解決報(bào)錯(cuò)且正確拿到數(shù)據(jù)，就要取到第三層data，此時(shí)才是數(shù)組。即把
res.forEach()改為res.data.data.forEach() ，就可以了。（具體加幾個(gè)data要看自己res的對(duì)象里有幾層data，比如有2層的話，那么取到第二層data就只需要res.data.forEach() 就可以了）
錯(cuò)誤代碼：
res.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})正確代碼：
res.data.data.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})總結(jié)
到此這篇關(guān)于TypeError:res.forEach is not a function報(bào)錯(cuò)解決的文章就介紹到這了,更多相關(guān)TypeError:res.forEach is not a function內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue組件化常用方法之組件傳值與通信的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要給大家介紹了關(guān)于Vue3中watchEffect用途的相關(guān)資料, watch和watchEffect都是監(jiān)聽器,但在寫法和使用上有所區(qū)別,本文進(jìn)行了詳細(xì)的介紹,需要的朋友可以參考下2021-07-07
探索Vue中組合式API和選項(xiàng)式API的用法與比較
Vue3為我們開發(fā)提供了兩種組件邏輯實(shí)現(xiàn)方式：選項(xiàng)式API和組合式API,本文將嘗試為大家分析什么是選項(xiàng)式API和組合式API,以及兩種API的優(yōu)缺點(diǎn),希望對(duì)大家有所幫助2023-12-12
vant的Loading加載動(dòng)畫組件的使用(通過接口拿數(shù)據(jù)時(shí)顯示加載狀態(tài))
這篇文章主要介紹了vant的Loading加載動(dòng)畫組件的使用,通過接口拿數(shù)據(jù)時(shí)顯示加載狀態(tài),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
Vue中實(shí)現(xiàn)v-for循環(huán)遍歷圖片的方法
這篇文章主要介紹了Vue中實(shí)現(xiàn)v-for循環(huán)遍歷圖片的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue實(shí)現(xiàn)購物車拋物線小球動(dòng)畫效果的方法詳解
這篇文章主要介紹了vue實(shí)現(xiàn)購物車拋物線小球動(dòng)畫效果的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了vue.js實(shí)現(xiàn)拋物線動(dòng)畫效果購物車功能相關(guān)原理與操作注意事項(xiàng),需要的朋友可以參考下2019-02-02
.sync?修飾符所提供的功能,當(dāng)一個(gè)子組件改變了一個(gè)prop的值時(shí),這個(gè)變化也會(huì)同步到父組件中所綁定,下面這篇文章主要給大家介紹了關(guān)于Vue中子組件向父組件傳值以及.sync修飾符的相關(guān)資料,需要的朋友可以參考下2022-11-11
vue+canvas如何實(shí)現(xiàn)根據(jù)數(shù)據(jù)展示不同高度,不同漸變顏色的長方體效果
這篇文章主要介紹了vue+canvas如何實(shí)現(xiàn)根據(jù)數(shù)據(jù)展示不同高度,不同漸變顏色的長方體效果,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-09-09
如何利用Echarts根據(jù)經(jīng)緯度給地圖畫點(diǎn)畫線
最近工作中遇到了一個(gè)需求,需要利用echarts在地圖上面標(biāo)記點(diǎn)位,所下面這篇文章主要給大家介紹了關(guān)于如何利用Echarts根據(jù)經(jīng)緯度給地圖畫點(diǎn)畫線的相關(guān)資料,需要的朋友可以參考下2022-05-05
Vue路由對(duì)象屬性 .meta $route.matched詳解
今天小編就為大家分享一篇Vue路由對(duì)象屬性 .meta $route.matched詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11