如果数据是:
var books = [
{id:'1',name:'JAVA',author:'s0nei',price:6},
{id:'2',name:'HTML',author:'d1iber',price:7},
{id:'3',name:'JS',author:'j1lion',price:8},
{id:'4',name:'C',author:'s0nei',price:9}
]
//转化成
var books = [
['1','2','3','4'],
['JAVA','HTML','JS','C'],
['s0nei','d1iber','j1lion','s0nei'],
[6,7,8,9]
]
processData (data) {
// 数组对象取属性值,存为二维数组
let arr = data.reduce((t, v) => {
t.push(Object.values(v))
return t
}, [])
// 二维数组成员独立拆解
let res = arr.reduce((t, v) => {
v.forEach((w, i) => t[i].push(w))
return t
}, Array.from({ length: Math.max(...arr.map(v => v.length)) }).map(v => []))
return res
},
//当数组中的每个对象的属性的数目相同时候的简化版本:
processData (data) {
// 数组对象取属性值,存为二维数组
let arr = data.reduce((t, v) => {
t.push(Object.values(v))
return t
}, [])
// 二维数组成员独立拆解
let res = arr.reduce((t, v) => {
v.forEach((w, i) => t[i].push(w))
return t
}, Array.from(new Array(arr[0].length), () => []))
return res
},
//当数组中的每个对象的属性的数目相同时候
//并且同时数组中每个对象的属性的排列顺序相同的时候的二重简化版本:
processData (data) {
// 数组对象取属性值,存为二维数组
(简化这一部分的,未写)
// 二维数组成员独立拆解
let res = arr.reduce((t, v) => {
v.forEach((w, i) => t[i].push(w))
return t
}, Array.from(new Array(arr[0].length), () => []))
return res
},