Question

我想这样访问JosephSKh's DropdownTree的所有数据值

var arr4=[
            {title:"St Fatima",href:"#1",dataAttrs:[{title:"id",data:"value1"}]}
            ,
            {title:"Korba",href:"#2",dataAttrs:[{title:"id",data:"value4"}]}
            ,
            {title:"Roxi",href:"#3",dataAttrs:[{title:"id",data:"value7"}]}
        ];

从上面的代码中，如果要全部选中，我要访问value1，value4，value7

有人可以帮助我吗？

Answer 1

您需要的是遍历对象arr4的数组并获取深度嵌套的属性data。为此，我建议使用以下Javascript行：

ES5语法：

arr4.forEach(function(item) { console.log(item.dataAttrs[0].data); } );

ES6语法：

arr4.forEach(item => console.log(item.dataAttrs[0].data));

现在，您应该将console.log替换为所需的操作。例如，如果您有一个数组来收集这些值，则可以将上面的行编辑为：

ES5语法：

arr4.forEach(function(item) { babluArray.push(item.dataAttrs[0].data); } );

ES6语法：

arr4.forEach(item => babluArray.push(item.dataAttrs[0].data));

进一步阅读：forEach()，Arrow Functions

如何在JosephSKh的DropdownTree中访问所有选定元素的数据值

1 个答案: