Vue中foreach數(shù)組與js中遍歷數(shù)組的寫(xiě)法說(shuō)明
Vue中使用Axios發(fā)送get或者post請(qǐng)求,發(fā)送請(qǐng)求時(shí)需要在js中
對(duì)請(qǐng)求參數(shù)進(jìn)行遍歷并處理。
接收響應(yīng)時(shí)需要對(duì)響應(yīng)結(jié)果進(jìn)行遍歷和處理。
注意區(qū)分在vue和js中foreach數(shù)組的區(qū)別。
實(shí)現(xiàn)在js中遍歷數(shù)組
//定義班次詳細(xì)數(shù)組 var bcglxiangxiList = new Array(); //定義班次詳細(xì)對(duì)象 var bcxiangxi = {}; //循環(huán)傳遞的參數(shù) 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]; //將班次詳細(xì)對(duì)象存進(jìn)班次詳細(xì)數(shù)組 bcglxiangxiList.push(bcxiangxi); });
在vue中遍歷數(shù)組
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; //debugger bcxiangxi.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中一樣可以用兩個(gè)參數(shù)的遍歷方式
//定義班次詳細(xì)數(shù)組 var bcglxiangxiList = new Array(); //定義班次詳細(xì)對(duì)象 var bcxiangxi = {}; //循環(huán)傳遞的參數(shù) 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]; //將班次詳細(xì)對(duì)象存進(jìn)班次詳細(xì)數(shù)組 bcglxiangxiList.push(bcxiangxi); });vue forEach循環(huán)使用
//data為集合 data.forEach(function(item, index) { //item 就是當(dāng)日按循環(huán)到的對(duì)象 //index是循環(huán)的索引,從0開(kāi)始})
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. python如何實(shí)現(xiàn)word批量轉(zhuǎn)HTML2. python excel和yaml文件的讀取封裝3. 利用單元測(cè)試對(duì)PHP代碼進(jìn)行檢查4. python3實(shí)現(xiàn)往mysql中插入datetime類型的數(shù)據(jù)5. Java8內(nèi)存模型PermGen Metaspace實(shí)例解析6. python爬蟲(chóng)實(shí)戰(zhàn)之制作屬于自己的一個(gè)IP代理模塊7. moment轉(zhuǎn)化時(shí)間戳出現(xiàn)Invalid Date的問(wèn)題及解決8. 如何對(duì)php程序中的常見(jiàn)漏洞進(jìn)行攻擊9. python 實(shí)現(xiàn)圍棋游戲(純tkinter gui)10. Python實(shí)現(xiàn)http接口自動(dòng)化測(cè)試的示例代碼
