疯狂嵌套Promise异步，最终获取总结的方法，只要知道Promise是什么都能看懂的一块儿代码，贼**简单。

typing沸羊羊

已于 2023-12-01 15:56:09 修改

阅读量375

点赞数 8

文章标签： uni-app vue.js node.js

于 2023-12-01 13:27:34 首次发布

本文链接：https://blog.csdn.net/m0_62515138/article/details/134732468

版权

文章描述了一个使用JavaScript的reduce方法优化电影列表中每个电影评论总数获取和排序的过程，最后将数据用于生成评论数量图表。

摘要由CSDN通过智能技术生成

gmv() {
		this.get("/prod-api/api/movie/film/list").then(res => {
			return res.rows.map(async item => {
				return await this.get("/prod-api/api/movie/film/comment/list", {
					'movieId': item.id
				}).then(res => {
					return {
						n: item.name,
						c: res.total
					}
				})
			})
		}).then(resc => {
			Promise.all(resc).then(i => {
				i.sort((a,b)=>b.c-a.c)
				this.chd.cd.categories = i.slice(0,5).map(item=>item.n)
				this.chd.cd.series = [{
					type:"scatter",
					name:"评论数",
					data:i.slice(0,5).map(item=>item.c)
				}]
			})
		})
	}

reduce 版本。。

gmv() {
	this.get("/prod-api/api/movie/film/list").then(res => res.rows.reduce((acc, item) => {
		acc.push(this.get("/prod-api/api/movie/film/comment/list", {
			'movieId': item.id
		}).then(res => ({
			n: item.name,
			c: res.total
		})))
		return acc
	}, []))
	.then(resc => {
	Promise.all(resc).then(i => {
	i.sort((a, b) => b.c - a.c)
	this.chd.cd.categories = i.slice(0, 5).map(item => item.n)
	this.chd.cd.series = [{
				type: "scatter",
				name: "评论数",
				data: i.slice(0, 5).map(item => item.c)
			}]
		})
	})
},

大概就这么个逻辑，简单的一批，别再费脑子想了，赶紧度娘csdn😂😂😂😂😂🤣