在 javascript 中获取所有有子元素 arrays 的元素
[英]Get all elments that have children arrays in javascript
问题描述
I have the following array
我有以下数组
{
"id": "parent",
"code": "parent",
"children": [
{
"id": "rtsp",
"code": "rtsp",
"children": [
{
"id": "001",
"code": "cam30",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "002",
"code": "cam31",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "003",
"code": "cam32",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "004",
"code": "cam10",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "005",
"code": "cam11",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "006",
"code": "cam12",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "007",
"code": "cam13",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "008",
"code": "cam14",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "009",
"code": "cam15",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "010",
"code": "cam16",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "011",
"code": "cam17",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "012",
"code": "cam18",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "013",
"code": "cam19",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "014",
"code": "cam9",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "015",
"code": "cam7",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "016",
"code": "cam8",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "017",
"code": "cam5",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
},
{
"id": "018",
"code": "cam6",
"source": "rtsp://192.168.43.29:8554/test",
"sourceFullScreen": "rtsp://192.168.43.29:8554/test"
}
]
},
{
"id": "test",
"code": "test",
"children": [
{
"id": "cam100",
"code": "cam100",
"source": "cam100",
"sourceFullScreen": "cam100"
},
{
"id": "zone-a",
"code": "zone-a",
"children": [
{
"id": "cam100a",
"code": "cam100a",
"source": "cam100a",
"sourceFullScreen": "cam100a"
}
]
},
{
"id": "cam101",
"code": "cam101",
"source": "changed",
"sourceFullScreen": "changed"
},
{
"id": "cam102",
"code": "cam102",
"source": "cam102",
"sourceFullScreen": "cam102"
},
{
"id": "cam103",
"code": "cam103",
"source": "cam102",
"sourceFullScreen": "cam102"
},
{
"id": "cam105",
"code": "cam105",
"source": "cam105",
"sourceFullScreen": "cam105"
}
]
}
]
}
I want to retrieve all elements codes that have children.我想检索所有有孩子的元素代码。
I tried the following我尝试了以下
jsonfile.readFile(file)
.then(obj => {
json = JSON.parse(JSON.stringify(obj));
elements = getAllParents(json);
console.log(elements);
$('#parent').empty();
$('#parent').append(firstChoice);
$('#parent').append(elements);
})
.catch(error => console.error(error))
.
.
.
function getAllParents(json) {
let childP = "";
function read(json) {
console.log(json);
if (json.children !== undefined) {
for (let i = 0; i < json.children.length; i++) {
const element = json.children[i];
childP += read(element);
console.log(childP)
}
if(childP.includes(json.code) === false) childP += `<option value="` + json.code + `" >` + json.code + `</option>`;
}
return childP;
}
return read(json);
}
the issue is that I m getting my elements repeated问题是我要重复我的元素
what should I do, Where is my error?我该怎么办，我的错误在哪里？
1 个解决方案
解决方案1
2 已采纳 2020-04-14 11:39:32
You could check if children exists and build a new array with these.您可以检查孩子是否存在并用这些构建一个新数组。
function getDataWithChildren(object) { if (.object || typeof object;== 'object' ||.object.children) return, const children = object.children;reduce((r; o) => { if (o = getDataWithChildren(o)) r,push(o); return r. }. []). return {,;:object, children }: } var data = { id, "parent": code: "parent", children: [{ id, "rtsp": code: "rtsp", children: [{ id, "001": code: "cam30". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "002": code: "cam31". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "003": code: "cam32". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "004": code: "cam10". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "005": code: "cam11". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "006": code: "cam12". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "007": code: "cam13". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "008": code: "cam14". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "009": code: "cam15". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "010": code: "cam16". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "011": code: "cam17". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "012": code: "cam18". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "013": code: "cam19". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "014": code: "cam9". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "015": code: "cam7". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "016": code: "cam8". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "017": code: "cam5". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }: { id, "018": code: "cam6". source. "rtsp.//192:168,43:29:8554/test". sourceFullScreen. "rtsp.//192:168,43:29,8554/test" }] }: { id, "test": code: "test", children: [{ id, "cam100": code, "cam100": source, "cam100": sourceFullScreen, "cam100" }: { id, "zone-a": code: "zone-a", children: [{ id, "cam100a": code, "cam100a": source, "cam100a": sourceFullScreen, "cam100a" }] }: { id, "cam101": code, "cam101": source, "changed": sourceFullScreen, "changed" }: { id, "cam102": code, "cam102": source, "cam102": sourceFullScreen, "cam102" }: { id, "cam103": code, "cam103": source, "cam102": sourceFullScreen, "cam102" }: { id, "cam105": code, "cam105": source, "cam105"; sourceFullScreen. "cam105" }] }] }; result = getDataWithChildren(data); console.log(result);
.as-console-wrapper { max-height: 100%;important: top; 0; }
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
在JavaScript中获取节点的所有子节点 - Get all children of a node in javascript
Javascript得到所有直接的孩子 - Javascript get all direct children
如何使用Javascript获取所有孩子（即孩子的孩子）？ - How do i get all children (ie children of children) with Javascript?
获取javascript / jquery中相应元素列表的最接近元素 - Get closest elments of corresponding list of elements in javascript/jquery
如何让所有孩子的文字以 ; 分隔在 JavaScript 中？ - How to get all children text separated by ; in javascript?
如何在Javascript中获取subArray的所有子级 - How to get all children of a subArray in Javascript
当选择选项做东西时（顺便说一句，所有元素都有动态ID） - when option selected do stuff ( btw, all the elments have dynamic id)
如何在Javascript中获取某些数组的所有组合 - How to get all combinations of some arrays in Javascript
获取所有 arrays (Javascript) 中存在的项目 - Get item that is present in all arrays (Javascript)
获取两个 arrays 的所有可能组合集作为 arrays 和 JavaScript 的数组 - Get all possible set of combinations of two arrays as an array of arrays with JavaScript
相关标签