'pictures': { text: 'Pictures', type: 'folder', 'icon-class': 'red' }这种格式数据的遍历
时间: 2023-09-20 11:12:32 浏览: 172
图 图的遍历 数据结构
您可以使用循环遍历这个数据格式,例如使用 for-in 循环遍历对象的属性,然后根据属性值的类型进行相应处理。下面是一个示例代码,可以遍历这个数据格式并输出每个属性的属性名和属性值:
```
const data = {
'pictures': { text: 'Pictures', type: 'folder', 'icon-class': 'red' },
'documents': { text: 'Documents', type: 'folder', 'icon-class': 'blue' },
'videos': { text: 'Videos', type: 'folder', 'icon-class': 'green' }
};
for (let key in data) {
if (data.hasOwnProperty(key)) {
console.log(key + ':');
for (let prop in data[key]) {
console.log(' ' + prop + ': ' + data[key][prop]);
}
}
}
```
这段代码会输出:
```
pictures:
text: Pictures
type: folder
icon-class: red
documents:
text: Documents
type: folder
icon-class: blue
videos:
text: Videos
type: folder
icon-class: green
```
您也可以根据需要进行其他处理,例如将属性值中的数据转换为 HTML 标签、将属性名和属性值存储到数组中等等。
阅读全文