下面前端入门建站教程为大家介绍一下jsc从多维数组中遍历出中所有的id

可以配合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 文章，请继续关注前端入门建站教程。