如何显示表中嵌套的键和值对

Question

data [
{
"09/12/2000": [
"info1"   
]
},
{      
"06/12/2000": [
"info2",
"info3"
]
}
],

我想表这样如何显示使用javascript(https://i.stack.imgur.com/bNGjo.png)

Answer 1

const data = [{
"09/12/2000": [
"info1"
]
},
{
"06/12/2000": [
"info2",
"info3"
]
}
]
const App = () => {
const PreviewData = () => {
return data.reduce((acc, value) => {
Object.entries(value).forEach(([date, value2]) => {
value2.forEach((value3) => {
acc.push([date, value3])
})
})
return acc
}, [])
}
return (
<table>
{PreviewData().map(([date,info])=>(
<tr>
<td>{date}</td>
<td>{info}</td>
</tr>
))}
</table>
)
}
ReactDOM.render(<App />, document.querySelector('#root'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>

Answer 2

你可以试试下面这个:

let data = [
{ "09/12/2000": ["info1"] },
{ "06/12/2000": ["info2","info3"] }
];

for(let i=0; i < data.length; i++){
for(let key in data[i]) {
for(let j=0; j<data[i][key].length; j++){
console.log(key + " : " + data[i][key][j]);
}
}
}

Answer 3

答案如下当值

唯一时，可以使用相同键获取复制对象

const data = [{ "09/12/2000": ["info1"]},
{ "06/12/2000": ["info2","info3"]}
];

const fun =(ar)=>{
return ar.map((e, i)=>{
for(x in e){
if(Array.isArray(e[x])){
return e[x].map((g)=>{return {[x] : g}})
}
}
}).flatMap((eg)=> eg)
}

console.log(fun(data))

接下来，您可以使用for..in loop方法

获取键和值