网站建设app哪个好用,360路由器网站建设,成都网站建设技巧,大连网站建设好的公司vue---循环方式以及跳出循环
在做VUE项目开发过程中#xff0c;数据循环是常见的操作方式#xff0c;以下是几种常见的数据循环方式#xff1a;
一、for循环 let data [1,2,3,4,5,6,7,8,9,10];
for(let i0; idata.length; i){console.log(data[i]);if(i5){break;…vue---循环方式以及跳出循环
在做VUE项目开发过程中数据循环是常见的操作方式以下是几种常见的数据循环方式
一、for循环 let data [1,2,3,4,5,6,7,8,9,10];
for(let i0; idata.length; i){console.log(data[i]);if(i5){break;}
} 二、forEach循环
let data [1,2,3,4,5,6,7,8,9,10];
data.map((item,key) {console.log(item,key);
});
map循环会分配内存空间存储新的数据并返回
三、forEach循环
let data [1,2,3,4,5,6,7,8,9,10];
data.forEach((item,key) {console.log(item,key);
});
四、filter循环
let data [1,2,3,4,5,6,7,8,9,10];
let result data.filter((item,index) {return item 5;
});
console.log(result); // 1 2 3 4
过滤不满足条件的元素把满足条件的元素返回一个新的数组不会改变原来的数组
五、every循环return false跳出循环
let data [1,2,3,4,5,6,7,8,9,10];
let result data.every((item,key) {return item 10;
});
console.log(result); // false
every遍历数组当每一项为true时返回true否则为false
六、some循环return true跳出循环 let data [1,2,3,4,5,6,7,8,9,10];
data.some((item,key) {if(item5){return true;}
});
