javascript - オブジェクトのプロパティを動的に更新/作成する

Question

JavaScriptオブジェクトから値を読み取って更新するためのget（）関数とset（）関数を提供する機能を作成しています。秘訣は、ドット表記の文字列を使用してプロパティを指定していることです。

get（）は正常に機能していますが、問題が発生しているのはset（）です。

サンプルデータ：

var data = {
    person: {
        name: 'Fred',
        birthday: '19840101',
        address: {
            street: '123 Main St.',
            city: 'Anytown',
            state: 'NY',
            zip: '123123'
        },
        family: {
            spouse: 'Sally',
            children: ['Sam', 'Frank', 'Susan']
        }
    }
};

get（）関数：

function get (path) {
    var parts = path.split('.'),
        tmp = data;
    for (var i = 0, l = parts.length; i < l; ++i) {
        if (tmp[parts[i]]) {
            tmp = tmp[parts[i]];
        }
        else {
            tmp = null
            break;
        }
    }
    return tmp;
}

console.log(get('person.name')); // Fred
console.log(get('person.family.children')); // ['Sam', 'Frank', 'Susan']
console.log(get('person.jobs.apple')); // null

set（）関数：

var foo = null;
function set (path, val) {
    var parts = path.split('.')
        tmp = {},
        foo = data;

    for (var i = 0, l = parts.length; i < l; ++i) {
        if (tmp[parts[i]]) {
            tmp = data[parts[i]];
        }
        else {
            tmp = {};
        }
        if (i+1 === l) {
            tmp = val;
        }
        data[parts[i]] = tmp;
    }
}

set('person.name', 'Dave'); // replace existing name
set('person.family.children', ['Tim', 'Matt', 'Kathy']); // replace existing array
set('person.jobs.apple', 'developer'); // should create the necessary properties
console.log(data);

私は次のオブジェクトになります：

obj = {
    person: {},
    name: "Dave",
    family: {},
    children: ["Tim","Matt","Kathy"],
    jobs: {},
    apple: "developer"
}

これを達成する方法について何か考えはありますか？

Answer 1

このために、実際には関数はまったく必要ありません。

これを見る

var data = {
    person: {
        name: 'Fred',
        birthday: '19840101',
        address: {
            street: '123 Main St.',
            city: 'Anytown',
            state: 'NY',
            zip: '123123'
        },
        family: {
            spouse: 'Sally',
            children: ['Sam', 'Frank', 'Susan']
        }
    }
};

alert(data.person.name);
data['person']['name'] = 'Tim';
alert(data['person']['name']);

役立つかもしれないこの答えもあります

Javascriptオブジェクトのキー値のコーディング。ネストされた値を動的に設定する

Answer 2

コードにタイプミスがあるようsetです。

行tmp = data[parts[i]];は実際にはである必要がありますtmp = tmp[parts[i]];。そして、それを新しい変数（たとえば、）に入れてnewTmp、後でオブジェクトに割り当てることができるようにします。

    tmp[parts[i]] = newTmp; 
    tmp = newTmp;

Answer 3

あなたの問題はdata[parts[i]]=tmp;のようです。集合関数の最後に。