
优雅高效的 javascript 数据转换
数据转换是编程中一项常见任务,特别是当需要重塑或重新排列数据结构时。本文将介绍一种简洁高效的方法,将一个包含嵌套对象的数据集转换为一个具有分组键的新数据集。
问题:
我们有一个类似下面的原始数据格式:
// 原始数据
let arr = [
{ name: '张三', age: 1 },
{ name: '李四', age: 1 },
{ name: '小红', age: 3 },
{ name: '明明', age: 3 },
{ name: '兰兰', age: 3 },
{ name: '红红', age: 4 },
{ name: '刘明', age: 4 },
{ name: '王五', age: 8 },
{ name: '麻子', age: 8 },
{ name: '瘸子', age: 8 },
];希望将其转换为以下目标数据格式:
// 目标数据
targetArr = [
{ 1: '张三', 3: '小红', 4: '红红', 8: '王五' },
{ 1: '李四', 3: '明明', 4: '刘明', 8: '麻子' },
{ 1: '', 3: '兰兰', 4: '', 8: '瘸子' },
];解决方案:
可以通过以下步骤实现所需转换:
下面是详细的实现代码:
let arr = [
{ name: '张三', age: 1 },
{ name: '李四', age: 1 },
{ name: '小红', age: 3 },
{ name: '明明', age: 3 },
{ name: '兰兰', age: 3 },
{ name: '红红', age: 4 },
{ name: '刘明', age: 4 },
{ name: '王五', age: 8 },
{ name: '麻子', age: 8 },
{ name: '瘸子', age: 8 },
];
// 初始化目标数据结构
let temp = {};
arr.forEach(item => {
if (!temp[item.age]) {
temp[item.age] = [];
}
temp[item.age].push(item.name);
});
// 转换数据
let targetArr = [];
Object.values(temp).forEach(value => {
value.forEach((name, index) => {
if (!targetArr[index]) {
targetArr[index] = {};
}
Object.keys(temp).forEach(key => {
if (key in targetArr[index]) {
return;
}
targetArr[index][key] = '';
});
targetArr[index][Object.keys(temp).find(key => temp[key] === value)] = name;
});
});
console.log(targetArr);使用此方法,您可以在保持数据完整性的同时轻松将数据转换为所需格式。
以上就是如何将嵌套对象数据转换为分组键的数据集?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号