位置: IT常识 - 正文
vue 遍历数组(vue遍历数组)
发布时间：2024-01-17推荐整理分享vue 遍历数组(vue遍历数组)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue遍历数组的三种方法,vue遍历数组对象,Vue遍历数组与另一个数组做比较,vue遍历数组,vue遍历数组,vue 遍历数组对象查找,Vue遍历数组与另一个数组做比较,vue 遍历数组对象查找,内容如对您有帮助，希望把文章链接给更多的朋友！
1.forEach(): 遍历数组
需要一个回调函数作为参数
回调函数的形参: ①. value: 遍历数组的内容 ②.index: 对应数组的索引 ③.array: 数组本身
forEach() 方法主要是用于调用数组的每个元素，并将元素传递给回调函数。
注:对于空数组不会执行回调函数
语法:array.forEach(function(currentValue, index, array), thisValue)
例子: ①. 没有返回值
var a = [1,2,3,4,5]var b = a.forEach((item) => { item = item * 2})console.log(b)// undefined②.原数组不会改变
2. map(): 有返回值,返回一个新的数组
①. 返回一个经过处理的新数组,但不改变原数组的值
var a = [1,2,3,4,5]var b = a.map((item) => { return item = item * 2})console.log("a--:", a)console.log("--b-:", b)②. 重新构建数据 (一般适用于接口给你返回的数组格式和想呈现的数据格式不一样)
let arr = res.data;
let newArr = arr.map(val => {
let json = {};
json.date = val.split('-').join('-');
json.title = '';
return json;
this.demoEvents = newArr;
//重新构建出来的数据格式为{value: "",title: ""}
③. 在vue中的应用
例如: 充值金额需要在整数的基础上随机减去100或者加上100
export default { data() { moneyList: [1000,2000,5000,10000,20000,50000] }, computed: { moneyList_new() { return this.moneyList.map((item) => { const random = Math.random() > 0.5 ? 1 : -1; return Math.floor(Math.random()*100) * random + item; }) } }}// 实际渲染处理过的数组
上一篇：【node进阶】浅析Koa框架---ejs模板|文件上传|操作mongoDB(node教程)
下一篇：【Unet系列】（三）Unet++网络(unet bn)
