js数组操作，两个数组对比合并

最新推荐文章于 2024-11-08 17:26:32 发布

yskbchewidhw

最新推荐文章于 2024-11-08 17:26:32 发布

阅读量346

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_47278755/article/details/132848565

文章描述了如何将后端返回的某几天数据与前端每天数据进行对比，生成图表（如柱状图、折线图），并提供了三种不同的JavaScript方法实现，包括ES6语法以及兼容IE8和IE5的版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注：使用场景，后端返回当月某几天的数据，前台与当月每一天做对比，形成图表，例如柱状图、折线图等。

var arr = [{
				id: 1,
				sum: 10
			}, {
				id: 2,
				sum: 16
			}, {
				id: 4,
				sum: 9
			}, {
				id: 8,
				sum: 69
			}]

			var brr = [{
				id: 1,
				sum: 0
			}, {
				id: 2,
				sum: 0
			}, {
				id: 3,
				sum: 0
			}, {
				id: 4,
				sum: 0
			}, {
				id: 5,
				sum: 0
			}, {
				id: 6,
				sum: 0
			}, {
				id: 7,
				sum: 0
			}, {
				id: 8,
				sum: 0
			}, {
				id: 9,
				sum: 0
			}]

			//方法1、es6写法
			brr.map(() => {
				for (var i = 0; i < arr.length; i++) {
					brr[arr[i].id - 1] = arr[i];
				}
			})


			//方法2、兼容到ie8
			brr.map(sadsa)
			function sadsa() {
				for (var i = 0; i < arr.length; i++) {
					brr[arr[i].id - 1] = arr[i];
				}
				return
			}
			console.log(brr);

			//方法3、兼容到ie5
			var newarr = [];
			for (var i = 0; i < brr.length; i++) {
				if (arr[i] == undefined) {
					newarr.push(brr[i])
				} else {
					if (arr[i].id === brr[i].id) {
						var jsjs = {
							id: arr[i].id,
							sum: arr[i].sum
						}
						newarr.push(jsjs)
					} else {
						if (arr[i].id !== brr[i].id) {
							brr[arr[i].id - 1] = arr[i];
						}
						newarr.push(brr[i])
					}
				}
			}
			console.log(newarr);