重组数组——方便取值和遍历-map用法 & 数组对象转换 & JS 将数组对象里面,每个具有相同的字段筛选出来,组成一个新数组
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var college = [
[{
firstName: '赵'
}, {
lastName: '赵大'
}],
[{
firstName: '赵'
}, {
lastName: '赵二'
}],
[{
firstName: '钱'
}, {
lastName: '钱三'
}],
[{
firstName: '钱'
}, {
lastName: '钱四'
}],
[{
firstName: '孙'
}, {
lastName: '孙五'
}],
[{
firstName: '孙'
}, {
lastName: '孙六'
}],
[{
firstName: '李'
}, {
lastName: '李七'
}],
[{
firstName: '李'
}, {
lastName: '李八'
}],
];
//先用map结构记录
function arrayToMap(data) {
//非数组或数据长度为0不处理
if (!data instanceof Array || data.length == 0) {
return {};
}
var map = {};
for (var i = 0; i < data.length; i++) {
if (!data[i] instanceof Array || data.length < 2) {
continue;
}
let name = data[i][0].firstName;
if (name != undefined) {
if (map[name] == undefined) {
map[name] = [];
}
map[name].push(data[i]);
}
}
return map;
}
//把map转成数组
function mapToArray(data) {
if (data == undefined) {
return [];
}
let array = [];
for (let p in data) {
array.push(data[p]);
}
return array;
}
//测试
var map = arrayToMap(college);
var array = mapToArray(map);
console.log(map)
console.log(array)
</script>
</body>
</html>
显示效果-数组分类