可以配合layui树形菜单获取所有id
var data = [
{
"id":221,
"title":"私密服务器",
"children":[
{
"title":"sec_外网云控",
"id":32
},
{
"title":"sec_腾讯云服务器",
"id":33
}
]
},
{
"id":222,
"title":"一般服务器",
"children":[
{
"title":"com_Win1",
"id":25
}
]
},
{
"id":223,
"title":"公共服务器",
"children":[
{
"title":"pub_PACS服务-Win",
"id":30
}
]
},
{
"id":224,
"title":"其他服务器",
"children":[
{
"title":"本机",
"id":27
}
]
}
]
// 遍历所有id
function collectId(arr, ids = []) {
arr.forEach(({ id, children }) => {
if (id) {
ids.push(id)
}
if (children) {
collectId(children, ids)
}
})
return ids
}
var ids = []
collectId(data, ids)
console.log("遍历所有id", ids)
// 获取第一层,第二层id
var idArr = []
data.forEach(function(item) {
idArr.push(item.id)
if (item.children != undefined) {
let data = item.children
data.forEach(function(item) {
idArr.push(item.id)
})
}
})
console.log("获取第一层,第二层id", idArr)
上面是“jsc从多维数组中遍历出中所有的id”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_35.html
workflows工作流
一只蚂蚁在花丛中找食物ComfyUI工作流
一个孤独的身影在未来主义城市
一只处于战斗状态下的蚂蚁ComfyUI工作流
一座精致透明的白瓷人物雕塑comfyui工作流
一个时间旅行女人的神秘剪影ComfyUI工作流
一套可爱的动漫生物蓬松贴纸图标
一座生动的点彩主义灯塔ComfyUI工作流
一颗闪闪发光的水晶漂浮在森林里
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

SVG路径动画效果
js实现下雪特效
纯CSS饼图效果
利用html5+css3实现滚雪球效果(附代码)
日历设置每个月颜色都不一样
HTML5 Canvas 刻度尺
3D彩色卡片







