亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

Vue中foreach數(shù)組與js中遍歷數(shù)組的寫(xiě)法說(shuō)明

瀏覽:7日期:2022-09-29 08:22:28
Vue foreach數(shù)組與js中遍歷數(shù)組的寫(xiě)法場(chǎng)景

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)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 久草网在线视频 | 97精品国产自在现线免费 | 亚洲欧美国产日本 | 欧美一区二区三区精品国产 | 在线精品欧美日韩 | 久青草香蕉精品视频在线 | 国产久草视频在线 | 欧美日韩 国产区 在线观看 | 日韩一区二区三区在线免费观看 | 色婷婷在线视频观看 | 午夜影院在线观看视频 | 精品国产成人综合久久小说 | 亚洲欧洲一二三区机械有限公司 | 国产亚洲一区二区麻豆 | 97se狠狠狠狠狼亚洲综合网 | 亚洲一逼| 在线看一区 | 日本一级毛一级毛片短视频 | 欧美成人一级片 | 国产看片在线 | 亚洲黄色第一页 | 中美日韩在线网免费毛片视频 | 亚洲国产欧美自拍 | 天天插综合网 | 在线观看色视频 | 国产大片黄在线播放 | 九九热在线免费视频 | fc2成年免费共享视频网站 | 欧美精品videossex性护士 | 免费看片资源 | 久久er热这里只有精品23 | 一级毛片免费的 | 草草视频免费在线观看 | 国产限制路线1线路2线路3 | 国产无遮挡裸体免费视频在线观看 | 美女扒开胸罩露出奶了无遮挡免费 | a级午夜毛片免费一区二区 a级午夜理论免费毛片 | a级在线播放 | 黄色欧美视频在线观看 | 91手机在线观看 | 夜色55夜色66亚洲精品网站 |