重命名对象数组中的嵌套键JS

Question

使用 JS 我正在尝试重命名canBook -> quantity和variationsEN -> variations嵌套键valueEN -> valuevar prod = [{    price: 10,    canBook: 1}, {    price: 11,    canBook: 2,    variationsEN: [{        valueEN: 1    }, {        valueEN: 2    }]}]我能够重命名键，但我不知道如何重命名嵌套的键：valueENprod.map(p => ({    quantity: p.canBook, variations:p.variationsEN}))

Answer 1

只需再次应用相同的技巧。代替：

variations:p.variationsEN

和：

variations:(p.variationsEN || []).map(q => ({ value: q.valueEN }))

另外|| []是处理源对象中不存在该属性的情况。在这种情况下，会为其生成一个空数组。

Answer 2

您可以对重命名属性的对象采用递归方法并构建新对象或数组。

function rename(value) {

    if (!value || typeof value !== 'object') return value;

    if (Array.isArray(value)) return value.map(rename);

    return Object.fromEntries(Object

        .entries(value)

        .map(([k, v]) => [keys[k] || k, rename(v)])

    );

}

var keys = { canBook: 'quantity', variationsEN: 'variations', valueEN: 'value' },

    prod = [{ price: 10, canBook: 1 }, { price: 11, canBook: 2, variationsEN: [{ valueEN: 1 }, { valueEN: 2 }] }],

    result = rename(prod);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

如果它确实是 JSON（如您的标签所示），例如您从服务器获取它作为字符串，您可以使用 reviver函数，例如：

var prod = JSON.parse(prodJSON, function (k, v) {

 if (k === "canBook") {

   this["quantity"] = v

 } else {

   return v

 }

});

（当然，如果您从 JS 对象而不是 JSON 字符串开始，您总是可以进行字符串化，但在这种情况下，这将是一种矫枉过正）