如何根據可用鍵和用戶輸入創建新的合並 javascript 對象

Question

如果我有可用的密鑰，例如：

[   
    "cars[].model",
    "cars[].make",
    "cars[].year",
    "toys.color",
    "toys.type[].brand",
    "toys.type[].price",
    "id",
    "books[].publisher[].authors[]"
]

其中cars[].model 表示cars 是一個對象數組，其中model 作為鍵之一。

如果輸入是：

{
    "cars": [
        {
            "make": "Audi"
        },
        {
            "model": "A8",
            "year": "2007"
        }
    ],
    "id": "xyz",
    "extra": "test",
    "toys": {
        "color": "Black",
        "type": [
            {
                "price": "$100"
            }
        ]
    }
}

如何根據這些可用鍵和輸入對象創建對象？

目標輸出：

{
    "cars": [
        {
            "model": "",
            "make": "Audi",
            "year": ""
        },
        {
            "model": "A8",
            "make": "",
            "year": "2007"
        }
    ],
    "toys": {
        "color": "Black",
        "type": [
            {
                "brand": "",
                "price": "$100"
            }
        ]
    },
    "id": "xyz",
    "books": [
        {
            "publisher": [
                {
                    "authors": []
                }
            ]
        }
    ],
    "extra": "test"
}

如果可用的鍵不存在，則值為空。

我曾嘗試展平/取消展平嵌套對象，但徒勞無功。

任何幫助，將不勝感激。

Answer 1

這是遞歸的工作。 我定義了一個函數addKeysRec ，它將添加input數組中缺少的元素：

function addKeysRec(input, keyArray, recursiveCalls=0) {
    if (recursiveCalls == keyArray.length) return
    const k = keyArray[recursiveCalls]
    if (k == "[]") {
        if (!input.length && recursiveCalls + 1 < keyArray.length) input.push({})
        input.forEach(s => addKeysRec(s, keyArray, recursiveCalls + 1))            
    } else {
        if (!input.hasOwnProperty(k)) {
            if (keyArray[recursiveCalls + 1] == null) input[k] = ''
            else if (keyArray[recursiveCalls + 1] == '[]') input[k] = []
            else input[k] = {}
        }
        addKeysRec(input[k], keyArray, recursiveCalls + 1)
    }
}

作用中的函數：

const keys = [   
    "cars[].model",
    "cars[].make",
    "cars[].year",
    "toys.color",
    "toys.type[].brand",
    "toys.type[].price",
    "id",
    "books[].publisher[].authors[]"
]

const input = {
    "cars": [
        {
            "make": "Audi"
        },
        {
            "model": "A8",
            "year": "2007"
        }
    ],
    "id": "xyz",
    "extra": "test",
    "toys": {
        "color": "Black",
        "type": [
            {
                "price": "$100"
            }
        ]
    }
}

function addKeysRec(input, keyArray, recursiveCalls=0) {
    if (recursiveCalls == keyArray.length) return
    const k = keyArray[recursiveCalls]
    if (k == "[]") {
        if (!input.length && recursiveCalls + 1 < keyArray.length) input.push({})
        input.forEach(s => addKeysRec(s, keyArray, recursiveCalls + 1))            
    } else {
        if (!input.hasOwnProperty(k)) {
            if (keyArray[recursiveCalls + 1] == null) input[k] = ''
            else if (keyArray[recursiveCalls + 1] == '[]') input[k] = []
            else input[k] = {}
        }
        addKeysRec(input[k], keyArray, recursiveCalls + 1)
    }
}

 keys.forEach(key => {
    keyArray = key.replace(/\[\]/g, '.[]').split(".")
    addKeysRec(input, keyArray)
})

console.log(input)

輸出：

{
    "cars": [
        {
            "model": "",
            "make": "Audi",
            "year": ""
        },
        {
            "model": "A8",
            "make": "",
            "year": "2007"
        }
    ],
    "toys": {
        "color": "Black",
        "type": [
            {
                "brand": "",
                "price": "$100"
            }
        ]
    },
    "id": "xyz",
    "books": [
        {
            "publisher": [
                {
                    "authors": []
                }
            ]
        }
    ],
    "extra": "test"
}

線路：

key = key.replace(/\[\]/g, '.[]').split(".")

是將每個鍵轉換為數組，例如，從格式"cars[].model"到["cars", "[]", "model"] 。