JS对象问题

我在数据库请求到了一组数据:{t1:a1,t2:a2,t3:a3,t4:a4,t5:a5},我如何将这组数据转换为这种对象:{a1:[a2,a3,a4,a5]}?

阅读 2.2k
2 个回答

这类问题像是在处理数据行,得到了一个对象,拥有各类属性。但是需要的数据结构是由一个 Key 对应的,按顺序以数组排列的其它属性。那么这里有一些关键信息需要分析出来

  • 作为 key 的属性名称叫什么?示例是 t1
  • 作为值数组的属性顺序是什么?示例是 ["t2", "t3", "t4", "t5"]
  • 多余的属性,比如 "tm", "tn" 是否需要表示出来,如果要,以什么形式表示?示例中当没有这个需求
  • 如果某个属性不存在,应该什么什么样的默认值?示例中没有这个需求,但下面的代码中会把这种情况下的值处理成 undefined

既然是一组数据,所以模拟数据应该也体现为一组

const data = [
    { t1: "a1", t2: "a2", t3: "a3", t4: "a4", t5: "a5" },
    { t1: "b1", t2: "b2", t3: "b3", t4: "b4", t5: "b5" },
    { t1: "c1", t2: "c2", t3: "c3", t4: "c4", t5: "c5" }
];

现在确定主键,以及值数组中的属性顺序

const def = {
    key: "t1",
    props: ["t2", "t3", "t4", "t5"]
};

通过迭代转换,这里用 .reduce

const result = data.reduce((r, m) => {
    // 根据 def.key 定义找到 key 属性的值
    const key = m[def.key];

    // def.props.map 是根据 def.props 定义,
    // 得到一个映射的数组,其内容是依次对应的属性值
    r[key] = def.props.map(prop => m[prop]);

    return r;
}, {});

最后输出(console.log(result))的结果

{ a1: [ 'a2', 'a3', 'a4', 'a5' ],
  b1: [ 'b2', 'b3', 'b4', 'b5' ],
  c1: [ 'c2', 'c3', 'c4', 'c5' ] }
// 简单写了下,希望对你有帮助
let result = {};
let obj = {t1:'a1',t2:'a2',t3:'a3',t4:'a4',t5:'a5'};
let value = obj.t1;
let arr = [];
delete obj.t1;
Object.keys(obj).forEach((key) => {
    arr.push(obj[key]);
});
result[value] = arr;
console.log(result);
// {a1:["a2", "a3", "a4", "a5"]}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题