vue怎么改不了名字(改变原数组字段名称及数组拼接)

首页教程更新时间:2023-05-29 06:59:40

下面我们利用场景和实现方案。在此还是感谢小伙伴们的阅读、关注、点赞、转发。

let menuData = [ { id: 1, path: '/urlA', title: '一级A', children: [ {pid: 1, id: 11, path: 'urlAA', title: '二级A'}, {pid: 1, id: 12, path: 'urlBB', title: '二级B'} ] }, { id: 2, path: '/urlB', title: '一级B', children: [ {pid: 2, id: 21, path: 'urlCC', title: '二级C'}, {pid: 2, id: 22, path: 'urlDD', title: '二级D'} ] } ] let arr = []; for (let index = 0; index < menuData.length; index ) { let childData = menuData[index].children; let child = []; for(let key = 0 ; key < childData.length; key ){ child.push({pid: childData[key].pid, id: childData[key].id,name: childData[key].title}); } arr.push({id: menuData[index].id,name: menuData[index].title,child: child}) } console.log(arr)

输出结果如图:

vue怎么改不了名字,改变原数组字段名称及数组拼接(1)

vue怎么改不了名字,改变原数组字段名称及数组拼接(2)

,
图文教程
相关文章
热门专题
推荐软件
奇热小说
奇热小说
下载
QQ2019手机版
QQ2019手机版
下载
王者荣耀
王者荣耀
下载
百度浏览器迷你版
百度浏览器迷你版
下载
2345浏览器手机版
2345浏览器手机版
下载
网易邮箱
网易邮箱
下载
爱奇艺
爱奇艺
下载
网易云音乐
网易云音乐
下载
WPSOffice
WPSOffice
下载
优酷
优酷
下载
谷歌浏览器(Chrome)
谷歌浏览器(Chrome)
下载
迅雷看看播放器
迅雷看看播放器
下载
UC浏览器
UC浏览器
下载
QQ音乐
QQ音乐
下载
阿里旺旺买家版v9.12.10C官方版
阿里旺旺买家版v9.12.10C官方版
下载
360安全卫士v12.1官方版
360安全卫士v12.1官方版
下载
猜你喜欢
任买
任买
下载
批量文件重命名app
批量文件重命名app
下载
今花生
今花生
下载
同花顺证券行情分析软件7.80.95免费版
同花顺证券行情分析软件7.80.95免费版
下载
振业车云
振业车云
下载
租号宝
租号宝
下载
XHomeBar
XHomeBar
下载
欢乐三国*
欢乐三国*
下载
浩辰CAD2019v190714官方版
浩辰CAD2019v190714官方版
下载
変幻装姫修正补丁V1.03
変幻装姫修正补丁V1.03
下载
天天动漫app
天天动漫app
下载
遮天仙侠录
遮天仙侠录
下载
惠动体育
惠动体育
下载
潜艇探险
潜艇探险
下载
自由之战2体验服
自由之战2体验服
下载
卓掌柜
卓掌柜
下载