javascript - ドット表記の Getter/Setter を実装する

Question

私は簡単なドット表記のゲッター関数を持っています。同じように機能するセッターが欲しいです。何か案は？

var person = {
    name : {
       first : 'Peter',
       last  : 'Smith'
    }
};

// ---

var dotGet = function(str, obj) {

    return str.split('.').reduce(function(obj, i) {
        return obj[i];
    }, obj);

};

var dotSet = function(str, value, obj) {

    // updated, thx to @thg435
    var arr = str.split('.');

    while (arr.length > 1) {
        obj = obj[arr.shift()];
    }

    obj[arr.shift()] = value;

    return obj;

}

// returns `Peter`
var a = dotGet('person.name.first', person);

// should set `person.name.first` to 'Bob'
var b = dotSet('person.name.first', 'Bob', person);

Answer 1

var set = function (exp, value, scope) {
  var levels = exp.split('.');
  var max_level = levels.length - 1;
  var target = scope;
  levels.some(function (level, i) {
    if (typeof level === 'undefined') {
      return true;
    }
    if (i === max_level) {
      target[level] = value;
    } else {
      var obj = target[level] || {};
      target[level] = obj;
      target = obj;
    }
  });
};

必要なことなどを行う式コンパイラをチェックしてください。

使用法は次のとおりです。

var scope = {};
set('person.name', 'Josh', scope);

scope.person.name === 'Josh'

Answer 2

これを試して：

var dotSet = function(str, value, obj) {
  var keys = str.split('.');
  var parent = obj;

  for (var i = 0; i < keys.length - 1; i++) {
    var key = keys[i];

    if (!(key in parent)) {
      parent[key] = {};
      parent = parent[key];
    }
  }

  parent[keys[keys.length - 1]] = value;
}

var person = {};
dotSet('person.name.first', 'Bob', person);

このオブジェクトを生成します:

{ person: { name: { first: 'Bob' } } }