今天就跟大家聊聊有关如何在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);
});//data为集合
data.forEach(function(item, index) {
//item 就是当日按循环到的对象
//index是循环的索引，从0开始
})看完上述内容，你们对如何在Vue中使用foreach遍历数组有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
