Głębokie przypisanie literału obiektu JavaScript

Question

Próbuję głęboko przypisać wartość w obiekcie. Na przykład:

const errors = {} 
if(errorOnSpecificField) { 
    // TypeError: Cannot read property 'subSubCategory' of undefined(…) 
    errors.subCategory.subSubCategory.fieldWithError = 'Error Message' 
} 

Teraz bez lodash mogę zrobić:

const errors = {} 
if(errorOnSpecificField) { 
    errors.subCategory = errors.SubCategory || {} 
    errors.subCategory.subSubCategory = errors.SubCategory.subSubCategory || {} 
    errors.subCategory.subSubCategory.fieldWithError = 'Error Message' 
} 

Z lodash, mogę to zrobić:

const errors = {} 
if(errorOnSpecificField) { 
    _.set(errors, 'subCategory.subSubCategory.fieldWithError', 'Error Message'); 
} 

staram się unikać trzeci biblioteka imprezowa. Czy istnieje bardziej eleganckie rozwiązanie, zwłaszcza teraz, gdy es2015 ma destrukturyzację obiektu. Operacja odwrotna jest łatwa:

let {subCategory : {subSubCategory: {fieldWithError}}} = errors 

Co to jest eleganckie rozwiązanie do wykonywania głębokich obiektów? Dzięki!

Answer 1

Oto dość czytelny sposób, aby bezpiecznie przypisać do głębokiego obiektu:

(((errors||{}).subCategory||{}).subSubCategory||{}).fieldWithError = 'Error Message' 

To nie stwarzaerrors.subCategory.subSubCategory jeśli nie istnieje, choć.

Answer 2

Krótka odpowiedź, nie brak jest czysty sposób to zrobić bez pisania metodę It (TBH można po prostu użyć metody z lodash bez importowania całą bibliotekę)

... jednak ...

OSTRZEŻENIE To jest tylko zabawa. Nie próbuj tego w produkcji (req es6).

Object.prototype.chainSet = function() { 
    let handler = { 
    get (target, name) { 
     if (!(name in target)) { 
     target[name] = new Proxy({}, handler) 
     } 
     return target[name] 
    } 
    } 

    return new Proxy(this, handler) 
} 

zastosowanie:

let a = {} 
a.chainSet().foo.bar.baz = 1 
a.foo.bar.baz // => 1 

Answer 3

Object.assign() będzie działać dobrze na co pytasz.

let errors = { otherField: "value" }; 
let newobj = {subCategory : {subSubCategory: {fieldWithError: "Error goes here"}}}; 
Object.assign(errors, newobj); 

Daje:

{ 
    otherField:'value', 
    subCategory: { 
    subSubCategory: { 
     fieldWithError:'Error goes here' 
    } 
    } 
} 

Answer 4

Można spróbować coś jak poniżej:

function ErrorRegistry(obj) 
{ 
    this.errors = obj || {}; 
    this.addError = function(k, msg) 
    { 
     var keys = k.split('.'); 
     var o = this.errors; 
     for(var i = 0, l = keys.length, last = l-1; i<l; i++) 
     { 
      if(typeof o[keys[i]] === 'undefined') 
       o[keys[i]] = {}; 
      if(i == last) 
       o[keys[i]] = msg; 
      else 
       o = o[keys[i]]; 
     } 
    }; 
} 
var errors = {'subCategory1':{'fieldWithError1':'Error1'}}; 
var errorRegistry = new ErrorRegistry(errors); 
errorRegistry.addError('subCategory1.fieldWithError2', "Error2"); 
errorRegistry.addError('subCategory1.subSubCategory1.fieldWithError3', "Error3"); 
errorRegistry.addError('subCategory1.subSubCategory2.fieldWithError4', "Error4"); 
errors = errorRegistry.errors; 
console.log(errors);