亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在javascript中使用嵌套對象展平對象

如何在javascript中使用嵌套對象展平對象

嚕嚕噠 2022-07-08 16:06:09
我有一些來自父對象內部的嵌套對象的屬性,但我想將嵌套對象與要展平的父對象合并。原始對象:enrollment = {  user: {    id: 'string',    name: 'string'  },  finished: 'boolean',  path: 'string'}預期的展平對象:user: {  id: 'string',  name: 'string',  finished: 'boolean',  path: 'string'}
查看完整描述

3 回答

?
慕虎7371278

TA貢獻1802條經驗 獲得超4個贊

您可以遞歸地構建對象任意數量的嵌套對象。因此,此功能與您的情況無關:


var enrollment = {

user: {

    id: 'string',

    name: 'string'

},

finished: 'boolean',

path: 'boolean'

}


var enrollment2 = {

user: {

    id: 'string',

    name: 'string'

},

test: {

    test1: {

        test2: {

            val0:'val0',

            test4: { //3rd level nested object for example

                val1: 'val1',

                val2: 'val2'

            }

        }

    }

},

finished: 'boolean',

path: 'boolean'

}


const flat = (obj, out) => {

    Object.keys(obj).forEach(key => {

        if (typeof obj[key] == 'object') {

            out = flat(obj[key], out) //recursively call for nesteds

        } else {

            out[key] = obj[key] //direct assign for values

        }


    })

    return out

}


console.log(flat(enrollment, {}))

console.log(flat(enrollment2, {}))


查看完整回答
反對 回復 2022-07-08
?
慕尼黑5688855

TA貢獻1848條經驗 獲得超2個贊

我需要一些東西來避免重寫原始對象中不同級別的同名鍵。所以我寫了以下內容:


const flattenObject = (obj, parentKey = '') => {

    if (parentKey !== '') parentKey += '.';

    let flattened = {};

    Object.keys(obj).forEach((key) => {

        if (typeof obj[key] === 'object' && obj[key] !== null) {

            Object.assign(flattened, flattenObject(obj[key], parentKey + key))

        } else {

            flattened[parentKey + key] = obj[key]

        }

    })

    return flattened;

}


var test = {

    foo: 'bar',

    some: 'thing',

    father: {

        son1: 'son1 value',

        son2: {

            grandchild: 'grandchild value',

            duplicatedKey: 'note this is also used in first level',

        },

    },

    duplicatedKey: 'note this is also used inside son2',

}


let flat = flattenObject(test);

console.log(flat);


// how to access the flattened keys:

let a = flat['father.son2.grandchild'];

console.log(a);


還檢查對象是否為空,因為我在使用時遇到了一些問題。


查看完整回答
反對 回復 2022-07-08
?
慕田峪7331174

TA貢獻1828條經驗 獲得超13個贊

使用遞歸和歸約。


請注意,如果 value 本身是一個包含對象的數組,您可能需要!Array.isArray(value)根據您的情況添加另一個檢查


function flatObj(obj) {

  return Object.entries(obj).reduce(

    (flatted, [key, value]) =>

      typeof value == "object"

        ? { ...flatted, ...flatObj(value) }

        : { ...flatted, [key]: value },

    {}

  );

}


查看完整回答
反對 回復 2022-07-08
  • 3 回答
  • 0 關注
  • 293 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號