Arrays 映射到除最后一个键之外的对象-Reactjs

我使用

Object.entries（）

映射

对象的键：

使用上述映射，我可以理解地得到以下结果：

group: name
address: Address
manager: John
products: [object object] [object object]

如何渲染除最后一个关键点（产品）之外的所有内容，以在div中显示以下内容：

group: name
address: Address
manager: John

尝试：


返回Object.entries（obj.map）（[key，value]，i，arr）{
如果（i！==阵列长度-1）{
{key}:{value}
}
}
您可以在映射之前使用过滤器：

var data = {
    'group': 'name',
    'address': 'Address',
    'manager': 'John',
    'products': [
        {
            'electronic' 'laptop',
            'team': 'Awesome
        }
    ]
}

return Object.entries(data).filter(([key, value]) => {
  if (typeof value !== 'object' ) return 1;
}).map(([key, value]) => {
    <span key={key}> {key}: {value} </span>
});

使用
arr.length
作为map函数的第三个参数，获取对象中的键数，并与map函数中的
索引进行比较，如下面的代码片段所示。此外，您从地图返回的数据不正确


var数据={
组：'名称'，
地址：'地址'，
经理：“约翰”，
产品：[
{
电子：“笔记本电脑”，
团队：“太棒了”
}
]
}
var len=Object.keys（data）.length；
Object.entries（data.map）（[key，val]，index，arr）=>{
如果（索引！==arr.length-1）{
console.log（key、val、index）；
}
})
检查值的类型，如果类型是
对象
，则从渲染中跳过该部分。通过这种方式，它将跳过对象和数组

typeof([])  ==> 'object'

typeof({})  ==> 'object'

像这样：


var数据={
组：'名称'，
地址：'地址'，
经理：“约翰”，
产品：[
{
电子：“笔记本电脑”，
团队：“太棒了”
}
]
}
Object.entries（data.map）（[key，val]，index）=>{
if（typeof（val）！=“object”）{
console.log（key、val、index）；//返回span
}
否则无效；
})
<div>
return Object.entries(obj).map([key, value], i, arr){
    if (i !== arr.length - 1) {
      <span key={key}> {key}: {value} </span>
    }
}
</div>

var data = {
    'group': 'name',
    'address': 'Address',
    'manager': 'John',
    'products': [
        {
            'electronic' 'laptop',
            'team': 'Awesome
        }
    ]
}

return Object.entries(data).filter(([key, value]) => {
  if (typeof value !== 'object' ) return 1;
}).map(([key, value]) => {
    <span key={key}> {key}: {value} </span>
});

group: name
address: Address
manager: John

typeof([])  ==> 'object'

typeof({})  ==> 'object'