vue对象中掺杂一个数组对象把他拿出来成为一个数据

最新推荐文章于 2024-08-15 15:22:22 发布

tongchuanbao

最新推荐文章于 2024-08-15 15:22:22 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue uniapp js 文章标签：前端 javascript

本文链接：https://blog.csdn.net/tongxhuanbao/article/details/126588040

vue 同时被 3 个专栏收录

2 篇文章

订阅专栏

uniapp

1 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的数据转换方法，通过两个嵌套的for循环遍历初始列表中的每一项，并为每条数据添加来源属性，最终形成新的完整列表。此方法适用于需要将复杂嵌套结构的数据转换为扁平化列表的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先有一个这样的列表

//循环列表
           initiallist:{
               fanjian:[{
                   nishi: '狗',
               },
               {
                   nishi: '人',
               }],
               tianshang:[{
                   nishi: '神',
               },
               {
                   nishi: '仙',
               }],
           },
completelist:[],

我需要的是将它转换成一个对象如下图

只需要写俩for循环把每条数据单独拿出来再放在一个新的列表中就行

for(let key in this.initiallist){
               for (let i = 0; i < this.initiallist[key].length; i++){
                   this.initiallist[key][i]["from"]=key;
                   console.log('key',this.initiallist[key][i])
                   this.completelist.push(this.initiallist[key][i])
               }

console.log('completelist',this.completelist);
}

最后结果出来就是需要的列表了

其余问题记录：

let nLen = Object.keys(this.initiallist).length; //获取对象中几个数组

let name = Object.keys(this.initiallist) //数组的名称