TypeError:res.forEach?is?not?a?function報(bào)錯(cuò)解決辦法
出現(xiàn)報(bào)錯(cuò)：
首先注意forEach中的“E”要大寫(xiě)。
報(bào)錯(cuò)有2種可能原因：
- 原因是使用foreach（）方法用過(guò)遍歷的應(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ù)，而前面說(shuō)過(guò)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)文章
Vue在項(xiàng)目中如何引入本地Json數(shù)據(jù)
這篇文章主要介紹了Vue在項(xiàng)目中如何引入本地Json數(shù)據(jù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說(shuō)明
這篇文章主要介紹了Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
在網(wǎng)上找了好久關(guān)于左右過(guò)渡動(dòng)畫(huà)折疊的組件,沒(méi)有合適的代碼,效果類(lèi)似于element UI中的Drawer抽屜組件,只不過(guò)ele中的都是懸浮的組件,工作中遇到的很多都是占用空間的展開(kāi)折疊,網(wǎng)上很多也是上下展開(kāi)收起的組件,于是就自己寫(xiě)了一個(gè),分享給大家,感興趣的朋友參考下吧2023-11-11
這篇文章介紹了Vue.js中v-bind指令的用法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
vue.js移動(dòng)端app之上拉加載以及下拉刷新實(shí)戰(zhàn)
這篇文章主要介紹了vue.js移動(dòng)端app之上拉加載以及下拉刷新實(shí)戰(zhàn)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-09
vscode中使用vue的一些插件總結(jié)(方便開(kāi)發(fā))
對(duì)于很多使用vscode編寫(xiě)vue項(xiàng)目的新手同學(xué)來(lái)說(shuō),可能不知道使用什么插件,下面這篇文章主要給大家介紹了關(guān)于vscode中使用vue的一些插件,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
Vue3文件下載方法實(shí)現(xiàn)的簡(jiǎn)單代碼
在Web開(kāi)發(fā)中,文件下載可通過(guò)多種方式實(shí)現(xiàn),下面這篇文章主要介紹了Vue3文件下載方法實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
這篇文章主要為大家詳細(xì)介紹了vue中封裝組件的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),對(duì)我們深入了解vue有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
Vue中Vue.extend()的使用詳解及說(shuō)明
這篇文章主要介紹了Vue中Vue.extend()的使用詳解及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-06-06
要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來(lái)一樣直接用標(biāo)簽編寫(xiě)鏈接哪？vue-router如何使用？常見(jiàn)路由操作有哪些？等等這些問(wèn)題，就是本篇要探討的主要問(wèn)題，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-05-05