循环嵌套对象React

时间:2018-12-30 19:00:43

标签: javascript reactjs

我有一个对象对象。
我需要像这样的数据值数组

[ 'someData1', 
  'someData2', 
  'someData3' ] 

将其映射到React。
我想我需要使用Object.keys,但是我不知道使用它的正确方法。
到目前为止,这是我的代码:

let obj = {
    0:{
        info:{
            id: 1234,
            data: 'someData1'
        },
        display:{
            raw: 'item',
            usd: 3321
        }
    },
    1:{
        info:{
            id: 2134,
            data: 'someData2'
        },
        display:{
            raw: 'item',
            usd: 3321
        }
    },
    2:{
        info:{
            id: 5478,
            data: 'someData3'
        },
        display:{
            raw: 'item',
            usd: 3321
        }
    }
};

2 个答案:

答案 0 :(得分:1)

您可以使用Object.values获取所有值的数组。然后只需map()即可获得所需的属性:

let obj = {0:{info:{id: 1234,data: 'someData1'},display:{raw: 'item',usd: 3321}},1:{info:{id: 2134,data: 'someData2'},display:{raw: 'item',usd: 3321}},2:{info:{id: 5478,data: 'someData3'},display:{raw: 'item',usd: 3321}}};

let data  = Object.values(obj).map(item => item.info.data)
console.log(data)

答案 1 :(得分:0)

您可以使用for..in

disabled_rules:
  - force_cast
  - force_try
  - variable_name
  - type_name
  - file_length
  - type_body_length
  - cyclomatic_complexity
  - function_body_length
  - valid_docs
  - trailing_whitespace

opt_in_rules:
  - empty_string

excluded:
  - Carthage
  - Pods
  - SwiftLint/Common/3rdPartyLib

line_length:
    warning: 150
    error: 200
    ignores_function_declarations: true
    ignores_comments: true
    ignores_urls: true

custom_rules:
  smiley_face:
    name: "Smiley Face"
    regex: '( :\))'
    match_kinds:
      - comment
      - string
    message: "A closing parenthesis smiley :) creates a half-hearted smile, and thus is not preferred. Use :]"
severity: warning