遍历嵌套对象javascript

时间:2020-08-10 15:35:23

标签: javascript nested-object

我试图遍历以下嵌套对象并获得如下输出:

const preference = {
    "ethnicity": {
        "value": "Gurung",
        "rank": 1
    },
    "occupation": {
        "value": "Banker",
        "rank": 2
    }
}

我尝试了以下操作:

let preferenceRank = {};
preference.map(pref => {
  preferenceRank[pref.rank] = pref; 
});

console.log(preferenceRank);

我收到此错误:

"TypeError: preference.map is not a function"...

需要的输出:

{
  1: "ethnicity",
  2: "occupation",
}

7 个答案:

答案 0 :(得分:5)

您可以使用Object.entries一次获取键和值(作为数组[key, value]的数组):

const preference = {
    "ethnicity": {
        "value": "Gurung",
        "rank": 1
    },
    "occupation": {
        "value": "Banker",
        "rank": 2
    }
}

const preferenceRank = {}
for (const [key, { rank }] of Object.entries(preference)) {
    preferenceRank[rank] = key
}

console.log(preferenceRank)

(顺便说一句,在您的代码中,在此处使用map没有任何意义,因为您没有将数组映射到任何内容,并且忽略了map的返回值。您可能想改用forEach,或者像我现在所用的那样,for循环。

答案 1 :(得分:4)

您可以使用.entries()函数在对象上进行映射。

Object.entries(preference).reduce((out, [key, value]) => {
  out[value.rank] = key;
  return out;
},{});

答案 2 :(得分:4)

使用Object.entries()获取对象的键和值的数组。然后,您可以遍历。

如果循环是出于副作用而使用forEach,而不要使用回调函数返回的值。

const preference = {
    "ethnicity": {
        "value": "Gurung",
        "rank": 1
    },
    "occupation": {
        "value": "Banker",
        "rank": 2
    }
}

let preferenceRank = {};
Object.entries(preference).forEach(([pref, {rank}]) => {
  preferenceRank[rank] = pref; 
});

console.log(preferenceRank);

答案 3 :(得分:4)

您可以映射条目并构建一个新对象。

const
    preference = { ethnicity: { value: "Gurung", rank: 1 }, occupation: { value: "Banker", rank: 2        } },
    result = Object.fromEntries(Object
        .entries(preference)
        .map(([k, { rank }]) => [rank, k])
    );

console.log(result);

答案 4 :(得分:2)

这将起作用。

const preferenceRank = {};
Object.keys(preference).forEach((key) => {
  preferenceRank[preference[key]['rank']] = preference[key]['value'];
});

console.log(preferenceRank);

答案 5 :(得分:2)

您可以映射键,并将等级/键对象添加到结果对象。

const preference = {
    "ethnicity": {
        "value": "Gurung",
        "rank": 1
    },
    "occupation": {
        "value": "Banker",
        "rank": 2
    }
}

let res= {};
Object.keys(preference).map((el,key) => {
    res[preference[el].rank] = el;
});

console.log(res);

答案 6 :(得分:0)

map仅适用于数组,您正在处理一个对象,可以使用来遍历对象的键

Object.keys(preference)

这将向您返回数组中的对象键,如下所示 [“种族”,“职业”]

然后,您可以根据需要映射它并执行代码