如何映射具有动态添加的键和值对的数组

Question

Hy，我的问题是我们如何在 react js 中映射一个数组，其中数组具有键值对，但这些键值是动态添加到数组中的。我的意思是我不知道数组中的下一个键值对是什么。

下面的例子

var array = [{ name: "kamran", age: 25 }, { dev: "kamran", hellow: "kamran" }, { "unknown key will be add dynamically": "unknown value to that key will be add dynamically" }];

for (var i = 0; i < array.length; i++) {
    console.log(tifOptions[i]);
}

我想使用映射函数在 table 上显示它的键和值。但情况是数据来自休息 API 每次它给我一个不同的对象数组我怎么能显示它我需要添加到项目中的键和值。因为我不知道下一个 API 请求

中会出现什么键和值

喜欢下面

来自同一个 API 的第一个请求 [ { 'name':"卡姆兰", 'age':25, },

    {
      'dev':"js",
      'db':"mongo",
    },

];

来自同一个 API 的第二个请求 [ { 'name':"卡姆兰", 'age':25, },

    {
      'dev':"js",
      'db':"mongo",
    },

    {
        'job':"student",
        "salary":20000,
    }

]; 来自同一个 API 的第三个请求 [ { 'name':"卡姆兰", 'age':25, },

    {
      'dev':"js",
      'db':"mongo",
    },

    {
        'job':"student",
        "salary":20000,
    },
    {
      ' unknown key will be added':"unknown value will be added",
      ' unknown key will be added':"unknown value will be added",
    }

];

每次不同的键值时它都会继续我怎么能在 table 上用键和值 bcz 显示这种类型的数据我不知道在下一个请求中会出现什么键值对。

Answer 1

如果你谷歌一下，我认为答案很明显 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

该函数只是让您根据基本数组映射一个新数组，无论其中有什么元素

Answer 2

根据我对您问题的理解，您将对来自 API.

的键值对进行操作

var array = [{ name: "kamran", age: 25 }, { dev: "kamran", hellow: "kamran" }, { "unknown key will be add dynamically": "unknown value to that key will be add dynamically" }];

array.map(item => {
        var keys = Object.keys(item);
        var obj= {};

        keys.forEach(key => {
          console.log("key : " ,key, "value : ", item[key])
          // do some logic here
          obj[key] = item[key];
        })

        return obj;
}))}

现场 link 在这里：https://codesandbox.io/s/youthful-lewin-pgyu8u?file=/src/App.js

如何映射具有动态添加的键和值对的数组

how to map array having keys and values pairs dynamically added

javascript

arrays

reactjs