觀看變化

Question

我在JavaScript中有以下變量：

var stC = { 
    kosten: 5, 
    tijd: 4, 
    locatie: 3, 
    beoordeling: 2, 
    garantie: 1 
}; 

例如，如果stC.kosten更改3我想改變這種具有相同值的變量，在這個例子中stC.locatie，切換到舊值爲stC.kosten。

所以，如果stC.kosten變成3 stC.locatie變得5.
或者，如果stC.beoordeling變得比5變爲stC.kosten 2.

曾試圖尋找，但未能找到任何解決問題。

有誰知道我該怎麼做？

Answer 1

是這樣的？

var stC = { kosten: 5, tijd: 4, locatie: 3, beoordeling: 2, garantie: 1 }; 

function changeValue(obj, key, value){ 

    var current = obj[key], 
     match = getKeyByValue(obj, value); 

    if(!match) return; 

    // swap values 
    obj[key] = value; 
    obj[match] = current; 
} 

function getKeyByValue(obj, value){ 
    return Object.keys(obj).filter(function(key) { 
     return obj[key] === value; 
    })[0]; 
} 

changeValue(stC, 
      'kosten', // property to change 
      3); // new value 

http://jsfiddle.net/0vsyj603/

如果你想使用這種預IE9，使用填充工具爲Object.keys。

Answer 2

stC.prototype = 
{ 
    setKosten : function(value) 
    { 
     this.kosten = value; 
     this.locatie = whatever; 
    } 
}; 

Answer 3

使用對象觀察者。

Object.observe(stC, function(changes) { 
    changes.forEach(change) { 
     switch (change.name) { 
      case "kosten": 
       change.object.locatie = change.oldValue; 
       ... 
      ... 
     } 
    }); 
}); 

您目前只能在Chrome中找到它。見https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe。

Answer 4

您可以使用getter和setter

var o = { 
    _kosten: 3, 
    get kosten() { return this._kosten; }, 
    set kosten(x) { this._kosten = x; /* DO YOUR ADDITIONAL LOGIC HERE */ } 
}; 

這裏是MDN文檔https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_getters_and_setters，https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get，https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set