使用map()重新定义数组格式

• 2019-11-10
  前一段时间由于工作变动没怎么更新，今天更新又双叒是因为echarts里面遇到问题了…
  echarts里面的数据格式对正常返回的接口数据很不友好，今天突然想到用map()创建一个新数组来匹配echarts的数据格式

map()的主要用法是创建新数组，这样写：

	var arr = data.map(function (item) {
    	return item[1];
   	})
	console.log("arr: ",arr);

比如后端返回的数据格式是这样子的：

	{
		"dataArr": [{
			"name": "name1",
			"value": ["61","62","63"]
		}, {
			"name": "name2",
			"value": ["45","56","24"]
		}]
	};

这个格式不匹配echarts，我们改写一下：

	var data = json;	//data为上面获取的数据
	var arr1 = data.dataArr.map(function (item) {
    	return item[0];
   	})
   	var arr2 = data.dataArr.map(function (item) {
    	return item[1];
   	})
   	var arr3 = data.dataArr.map(function (item) {
    	return item[2];
   	})

在echarts中的写法：

	series: [{
        type: 'line',
        data: arr1
    },{
        type: 'line',
        data: arr2
    },{
        type: 'line',
        data: arr3
    }]

	//也可以直接把方法写在这里
	series: {
        type: 'line',
        data: data.map(function (item) {
            return item[1];
        })
    }

完成！
另外 如果数据的个数不确定的话 在最外层加一个遍历就可以了~