TypeError:res.forEach?is?not?a?function報錯解決辦法
更新時間：2023年07月27日 10:58:57 作者：滿滿耶
這篇文章主要給大家介紹了關(guān)于TypeError:res.forEach?is?not?a?function報錯的解決辦法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
出現(xiàn)報錯：
首先注意forEach中的“E”要大寫。
報錯有2種可能原因：
- 原因是使用foreach（）方法用過遍歷的應(yīng)該是數(shù)組才對，所以使用Array.from()方法將遍歷對象轉(zhuǎn)化為數(shù)組
- 原因是遍歷的對象不對，可能對象中有好幾層data，需要console.log( res )；看看
原因一：
錯誤代碼：
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
})
})原因二：
以此項目為例，執(zhí)行了console.log( res )；后可以看到（下圖）res其實是一個對象，里面包含了3層data，我要拿到的是第三層data中的數(shù)據(jù)，而前面說過forEach遍歷的應(yīng)該是數(shù)組才對，這里的res是一個對象所以會報錯。
解決辦法：
在此例中要解決報錯且正確拿到數(shù)據(jù)，就要取到第三層data，此時才是數(shù)組。即把
res.forEach()改為res.data.data.forEach() ，就可以了。（具體加幾個data要看自己res的對象里有幾層data，比如有2層的話，那么取到第二層data就只需要res.data.forEach() 就可以了）
錯誤代碼：
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報錯解決的文章就介紹到這了,更多相關(guān)TypeError:res.forEach is not a function內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue在項目中如何引入本地Json數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說明
這篇文章主要介紹了Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
在網(wǎng)上找了好久關(guān)于左右過渡動畫折疊的組件,沒有合適的代碼,效果類似于element UI中的Drawer抽屜組件,只不過ele中的都是懸浮的組件,工作中遇到的很多都是占用空間的展開折疊,網(wǎng)上很多也是上下展開收起的組件,于是就自己寫了一個,分享給大家,感興趣的朋友參考下吧2023-11-11
這篇文章介紹了Vue.js中v-bind指令的用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
vue.js移動端app之上拉加載以及下拉刷新實戰(zhàn)
這篇文章主要介紹了vue.js移動端app之上拉加載以及下拉刷新實戰(zhàn)，非常具有實用價值，需要的朋友可以參考下2017-09-09
vscode中使用vue的一些插件總結(jié)(方便開發(fā))
對于很多使用vscode編寫vue項目的新手同學來說,可能不知道使用什么插件,下面這篇文章主要給大家介紹了關(guān)于vscode中使用vue的一些插件,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-11-11
在Web開發(fā)中,文件下載可通過多種方式實現(xiàn),下面這篇文章主要介紹了Vue3文件下載方法實現(xiàn)的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-10-10
這篇文章主要為大家詳細介紹了vue中封裝組件的相關(guān)知識,文中的示例代碼講解詳細,對我們深入了解vue有一定的幫助,感興趣的小伙伴可以跟隨小編一起學習一下2023-10-10
這篇文章主要介紹了Vue中Vue.extend()的使用詳解及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-06-06
要學習vue-router就要先知道這里的路由是什么？為什么我們不能像原來一樣直接用標簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問題，就是本篇要探討的主要問題，感興趣的朋友跟隨腳本之家小編一起學習吧2018-05-05