在数组 Js 中映射数组

Question

如何在内部映射数组？

array = [[{},{},{}],[{},{}],[{},],[{},{},{},{}]]

我试过了

data.map((array) => {
            console.log(array);
            return (
                array.map((doc) => <p>{doc}</p>)
            );
        })

Answer 1

你可以像这样使用 flat 然后 map

const data =  [[{value: 1},{value: 2},{value: 3}],[{value: 4},{value: 5}],[{value: 6}],[{value: 7},{value: 8},{value: 9},{value: 10}]]


const html = data.flat().map(d => `<p>${d.value}</p>`).join('')

const htmlReduce = data.reduce((res, item) => [...res, ...item], []).map(d => `<p>${d.value}</p>`).join('')

console.log(html, htmlReduce)

基于您的代码

data.flat().map((doc, i) => <p key={i}>{doc}</p>)

对于旧浏览器

data.reduce((res, item) => [...res, ...item], []).map((doc, i) => <p key={i}>{doc}</p>)

在数组 Js 中映射数组

map array inside an array Js

javascript

reactjs