在前端遍历map<String,List<String>>类型的数据
时间: 2023-11-11 15:19:47 浏览: 111
FreeMarker 遍历list<map;string>
在前端遍历 `Map<String, List<String>>` 类型的数据,你需要将它转换为 JavaScript 中的对象或数组,然后使用 `for...in` 或 `for...of` 或者 `Array.prototype.forEach()` 等方法进行遍历。
以下是一个示例代码,假设你已经将数据传递到了前端:
```javascript
// 假设你已经将数据传递到了前端
const data = {
'key1': ['value1', 'value2'],
'key2': ['value3', 'value4']
}
// 遍历 data
for (const key in data) {
if (data.hasOwnProperty(key)) {
console.log(key) // 输出 key1 和 key2
console.log(data[key]) // 输出对应的列表
}
}
// 使用 forEach 遍历 data
Object.keys(data).forEach(key => {
console.log(key) // 输出 key1 和 key2
console.log(data[key]) // 输出对应的列表
})
// 使用 for...of 遍历 data
for (const [key, value] of Object.entries(data)) {
console.log(key) // 输出 key1 和 key2
console.log(value) // 输出对应的列表
}
```
在这个示例中,我们首先将 `Map<String, List<String>>` 转换为 JavaScript 对象,然后使用不同的方法进行遍历。注意在遍历对象时,我们需要使用 `hasOwnProperty()` 方法来确保只遍历对象自身的属性。
希望这可以帮助你处理问题。
阅读全文