在 JavaScript 中遞歸地將對象轉換為數組

Object.entries() JavaScript 中的方法可用於將對象轉換為數組——但它不能遞歸工作。所以這裡有一個函數來完成它。

我想不出一個原因為什麼 你想這樣做，但它是在整理一篇關於使用 Object.entries() 的文章時提出的 ——就是這樣！

將對象轉換為數組的遞歸函數

我會讓評論來討論正在發生的事情。 它的要點是（無論出於何種原因）您想要將一個對像以及其中的任何對象轉換為數組/鍵對值作為 Object.entries() 的輸出 .數組本身將保持原樣。

//Demonstration object - a mess of nested objects and arrays
var myObject = {
    colour: 'blue',
    number: 43,
    name: 'Fred',
    enabled: true,
    subArray: [0, 1, {
        height: 60
    }],
    subObject: {
        foo: 'bar',
        anotherSubObject: {
            deep: 'dive',
            mood: {
                happy: false
            }
        }
    }
};

//Function to convert objects containing nested objects and arrays to array pairs similar to Object.entries()
function propertiesToArray(val) {

    //By default (val is not object or array, return the original value)
    var result = val;

    // If object passed the result is the return value of Object.entries()
    if (typeof val === 'object' && !Array.isArray(val)) {
        result = Object.entries(val);
        // If one of the results is an array or object, run this function on them again recursively
        result.forEach((attr) => {
            attr[1] = propertiesToArray(attr[1]);
        });
    }

    //If array passed, run this function on each value in it recursively
    else if (Array.isArray(val)) {
        val.forEach((v, i, a) => {
            a[i] = propertiesToArray(v)
        });
    }

    // Return the result
    return result;
}

// Test the function
console.log(propertiesToArray(myObject));