怎么在Vue中使用foreach遍歷數組

這篇文章主要介紹“怎么在Vue中使用foreach遍歷數組”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“怎么在Vue中使用foreach遍歷數組”文章能幫助大家解決問題。

在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;
            //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中一樣可以用兩個參數的遍歷方式

  //定義班次詳細數組
  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循環使用

//data為集合 
data.forEach(function(item, index) {
            //item 就是當日按循環到的對象
            //index是循環的索引，從0開始
})

關于“怎么在Vue中使用foreach遍歷數組”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。