Wie eine Funktion zu schreiben, die inlines Eigenschaften

Question

Objekt habe ich folgendes Objekt:

var ob = { 
    view: { 
     name: 'zpo', 
     params: { 
      taskId: 3, 
      zuka: 'v' 
     } 
    } 
} 

Ich brauche dieses Objekt in der folgenden Form haben:

{ 
    "view.name":"zpo", 
    "view.params.taskId":3, 
    "view.params.zuka":"v" 
} 

ich eine Funktion geschrieben haben können, die tun Sie das, aber das Problem ist, dass es externe Variablen erfordert, die an es übergeben werden. Hier ist diese Funktion:

function inline(o, result, container) { 
    for (var p in o) { 
     if (typeof o[p] === "object") { 
      inline(o[p], result.length > 0 ? result+'.'+p : p, container); 
     } else { 
      container[result + '.' + p] = o[p]; 
     } 
    } 
} 

var ob = { 
    view: { 
     name: 'zpo', 
     params: { 
      taskId: 3, 
      zuka: 'v' 
     } 
    } 
} 

var c = {}; 
var r = inline(ob, '', c); 

Gibt es eine Möglichkeit, diese Funktion zu schreiben, korrektes Ergebnis ohne die Notwendigkeit zurückzukehren result und container externe Variablen zu übergeben?

Answer 1

Hier ist eine Version, die keine Parameter erfordert.

// Return an array containing the [key, value] couples of an object. 
 
const objEntries = o => Object.keys(o).map(k => [k, o[k]]); 
 

 
// Create an object from an array of [key, value] couples. 
 
const entriesObj = (entries, init={}) => entries.reduce((result, [key, val]) => { 
 
    result[key] = val; 
 
    return result; 
 
}, init); 
 

 
// Reduce on the object entries (as returned by objEntries) with an empty object as 
 
// initialiser. 
 
const inline = (o) => objEntries(o).reduce((result, [key, val]) => { 
 
    if(val instanceof Object){ 
 
    // If the value is an object, recursively inline it. 
 
    const inlineVal = inline(val); 
 
    // Prefix each property names of inlineVal with the key of val and add the 
 
    // properties to the result object. 
 
    entriesObj(
 
     objEntries(inlineVal).map(([subK, subVal]) => [key + '.' + subK, subVal]), 
 
     result 
 
    ); 
 
    } else { 
 
    // If val is not an object, just add it to the result as is. 
 
    result[key] = val; 
 
    } 
 
    // Return the result. 
 
    return result; 
 
}, {}); 
 

 
var ob = { 
 
    view: { 
 
     name: 'zpo', 
 
     params: { 
 
      taskId: 3, 
 
      zuka: 'v' 
 
     } 
 
    } 
 
} 
 

 
var r = inline(ob); 
 
console.log(r);

verwendet I Pfeil Funktionen und Destrukturierung. Alte Browser werden dies nicht unterstützen. Wenn Sie sie unterstützen müssen, ersetzen Sie einfach die Pfeilfunktionen durch normale Funktionen und die Argumente manuell zu destrukturieren.

Answer 2

Wenn ich Sie richtig verstanden habe, möchten Sie vermeiden, Ihre inline() Funktion mit "leer" params.

Sie könnten diesen Fall in Ihrer Funktion fangen direkt:

function inline(o, result, container) { 
    result = result || ''; 
    container = container || {}; 
    ... 
} 

var r = inline(ob); 

Sie würden noch brauchen dies für den rekursiven Teil Ihrer Funktion params.

Answer 3

Javascript ist genial!

function inline(o, result, container) { 
    result = result || ''; 
    container = container || {}; 
    for (var p in o) { 
    if (typeof o[p] === "object") { 
     inline(o[p], result.length > 0 ? result+'.'+p : p, container); 
    } else { 
     container[result + '.' + p] = o[p]; 
    } 
    } 
} 

var r = inline(ob);