場景

Vue中使用Axios發送get或者post請求，發送請求時需要在js中

對請求參數進行遍歷并處理。

接收響應時需要對響應結果進行遍歷和處理。

注意區分在vue和js中foreach數組的區別。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

在js中遍歷數組

? //定義班次詳細數組var bcglxiangxiList = new Array();//定義班次詳細對象var bcxiangxi? = {};//循環傳遞的參數bcglXiangXiListParam.forEach(element => {bcxiangxi.xh = element.xh;bcxiangxi.bcbh = data.bcbh;bcxiangxi.dkkssj = element.sjfw[0];bcxiangxi.dkjssj = element.sjfw[1];bcxiangxi.ts = element.ts;bcxiangxi.dkdd = element.dkdd;bcxiangxi.zxjxljsj = element.jxsjfw[0];bcxiangxi.zdjxljsj = element.jxsjfw[1];//將班次詳細對象存進班次詳細數組bcglxiangxiList.push(bcxiangxi);});

在vue中遍歷數組

??????? var bcglxiangxiList = new Array();var bcxiangxi = {};debugger;if (response.data.bcglXiangXiList != null &&response.data.bcglXiangXiList.length > 0) {console.log(response.data.bcglXiangXiList);response.data.bcglXiangXiList.forEach((item, index) => {console.log(item);bcxiangxi.xh = item.xh;bcxiangxi.bcbh = item.bcbh;//debuggerbcxiangxi.sjfw = new Array();bcxiangxi.sjfw[0] = item.dkkssj;bcxiangxi.sjfw[1] = item.dkjssj;bcxiangxi.ts = item.ts;bcxiangxi.dkdd = item.dkdd;bcxiangxi.jxsjfw = new Array();bcxiangxi.jxsjfw[0] = item.zxjxljsj;bcxiangxi.jxsjfw[1] = item.zdjxljsj;bcglxiangxiList.push(bcxiangxi);});}

可以看到遍歷的方式是一樣的，在js中一樣可以用兩個參數的遍歷方式

?

//定義班次詳細數組var bcglxiangxiList = new Array();//定義班次詳細對象var bcxiangxi? = {};//循環傳遞的參數bcglXiangXiListParam.forEach((element,index) => {bcxiangxi.xh = element.xh;bcxiangxi.bcbh = data.bcbh;bcxiangxi.dkkssj = element.sjfw[0];bcxiangxi.dkjssj = element.sjfw[1];bcxiangxi.ts = element.ts;bcxiangxi.dkdd = element.dkdd;bcxiangxi.zxjxljsj = element.jxsjfw[0];bcxiangxi.zdjxljsj = element.jxsjfw[1];//將班次詳細對象存進班次詳細數組bcglxiangxiList.push(bcxiangxi);});

?

總結

以上是生活随笔為你收集整理的Vue中foreach数组与js中遍历数组的写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。