Tief ändern der Werte in einem JavaScript-Objekt

Ich habe ein Objekt, das enthält eine unbekannte Anzahl von anderen Objekten. Jedes (sub-)Objekt enthalten können Boolesche Werte als strings und ich möchte Sie zu ändern, um echte Boolesche Werte. Hier ist ein Beispiel-Objekt:

var myObj = {
  my1stLevelKey1: "true",
  my1stLevelKey2: "a normal string",
  my1stLevelKey3: {
    my2ndLevelKey1: {
      my3rdLevelKey1: {
        my4thLevelKey1: "true",
        my4thLevelKey2: "false"
      }
    },
    my2ndLevelKey2: {
      my3rdLevelKey2: "FALSE"
    }
  }
}

Was ich will, am Ende ist diese:

var myObj = {
  my1stLevelKey1: true,
  my1stLevelKey2: "a normal string",
  my1stLevelKey3: {
    my2ndLevelKey1: {
      my3rdLevelKey1: {
        my4thLevelKey1: true,
        my4thLevelKey2: false
      }
    },
    my2ndLevelKey2: {
      my3rdLevelKey2: false
    }
  }
}

Wichtig ist, dass die Anzahl sub-Objekte/Ebenen unbekannt ist. Wie kann ich dies effektiv, indem Sie entweder mit der klassischen JavaScript oder Mootools?

Sie brauchen einen rekursiven iterator. schauen Sie in json2.js um zu sehen, wie es durchdringt Objekte. Sie können auch verwenden tatsächlich eine JSON-revivor-Funktion.

InformationsquelleAutor Timo | 2015-05-08

Rekursion ist dein Freund

(function (obj) { //IIFE so you don't pollute your namespace
    //define things you can share to save memory
    var map = Object.create(null);
    map['true'] = true;
    map['false'] = false;
    //the recursive iterator
    function walker(obj) {
        var k,
            has = Object.prototype.hasOwnProperty.bind(obj);
        for (k in obj) if (has(k)) {
            switch (typeof obj[k]) {
                case 'object':
                    walker(obj[k]); break;
                case 'string':
                    if (obj[k].toLowerCase() in map) obj[k] = map[obj[k].toLowerCase()]
            }
        }
    }
    //set it running
    walker(obj);
}(myObj));

Den obj[k].toLowerCase() ist es, der groß-und Kleinschreibung

InformationsquelleAutor Paul S.

Fuß jeder Ebene der Objekt-und ersetzen-Boolesche, string-Werte mit den entsprechenden Boolean. Wenn Sie ein Objekt, recurse-in, und ersetzen Sie wieder.

Können Sie Object.keys greifen alle Mitglieder der einzelnen Objekte, ohne sich Gedanken über immer geerbt, Eigenschaften, die Sie nicht sollte.

JS:

var myObj = {
  my1stLevelKey1: "true",
  my1stLevelKey2: "a normal string",
  my1stLevelKey3: {
    my2ndLevelKey1: {
      my3rdLevelKey1: {
        my4thLevelKey1: "true",
        my4thLevelKey2: "false"
      }
    },
    my2ndLevelKey2: {
      my3rdLevelKey2: "FALSE"
    }
  }
};

function booleanizeObject(obj) {
  var keys = Object.keys(obj);
  keys.forEach(function(key) {
    var value = obj[key];
    if (typeof value === 'string') {
      var lvalue = value.toLowerCase();
      if (lvalue === 'true') {
        obj[key] = true;
      } else if (lvalue === 'false') {
        obj[key] = false;
      }
    } else if (typeof value === 'object') {
      booleanizeObject(obj[key]);
    }
  });
}

booleanizeObject(myObj);

document.getElementById('results').textContent = JSON.stringify(myObj);

HTML:

<pre id="results"></pre>

InformationsquelleAutor ssube

JavaScript-Datenstrukturen aus können sanitized durch rekursive funktionale reduce Ansätze.

var myObj = {
  my1stLevelKey1: "true",
  my1stLevelKey2: "a normal string",
  my1stLevelKey3: {
    my2ndLevelKey1: {
      my3rdLevelKey1: {
        my4thLevelKey1: "true",
        my4thLevelKey2: "false"
      }
    },
    my2ndLevelKey2: {
      my3rdLevelKey2: "FALSE"
    }
  }
};


myObj = Object.keys(myObj).reduce(function sanitizeBooleanStructureRecursively (collector, key) {
  var
    source  = collector.source,
    target  = collector.target,

    value   = source[key],

    str
  ;
  if (value && (typeof value == "object")) {

    value = Object.keys(value).reduce(sanitizeBooleanStructureRecursively, {

      source: value,
      target: {}

    }).target;

  } else if (typeof value == "string") {

    str   = value.toLowerCase();
    value = ((str == "true") && true) || ((str == "false") ? false : value)
  }
  target[key] = value;

  return collector;

}, {

  source: myObj,
  target: {}

}).target;


console.log(myObj);

InformationsquelleAutor Peter Seliger

Plain javascript Rekursion Beispiel:

function mapDeep( obj ) {
    for ( var prop in obj ) {
        if ( obj[prop] === Object(obj[prop]) ) mapDeep( obj[prop] );
        else if ( obj[prop].toLowerCase() === 'false' ) obj[prop] = false;
        else if ( obj[prop].toLowerCase() === 'true' ) obj[prop] = true;
    }                   
};

Und MooTools Beispiel durch die Verlängerung der Object Typ mit benutzerdefinierten mapDeep() Funktion:

Object.extend( 'mapDeep', function( obj, custom ) {
    return Object.map( obj, function( value, key ) {
        if ( value === Object( value ) )
            return Object.mapDeep( value, custom );
        else
            return custom( value, key );                    
    });
});


myObj = Object.mapDeep( myObj, function( value, key ) {
    var bool = { 'true': true, 'false': false };        
    return value.toLowerCase() in bool ? bool[ value.toLowerCase() ] : value;           
})

warum verwenden Sie obj[prop] === Object(obj[prop]), warum nutzen Sie nicht typeof obj[prop] === 'object' ?

InformationsquelleAutor Danijel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.