Javascript - 使用简化的单行 if 语句更新 var

Question

小问题，我在 JS 中有一个 var，只要当前值低于 99，我就想增加它，否则它应该重置为零。当前的简化代码var age = 35;age = ( age < 99) ? age+1 : 0;现在，这是合理的人类可读的。但是，如果我的 var 是obj[layer01][gridY][gridX][shape] 那会改变我的行，比如：obj[layer01][gridY][gridX][shape] = ( obj[layer01][gridY][gridX][shape] < 99) ? obj[layer01][gridY][gridX][shape]+1 : 0;问题有没有办法简化这个？就像是：age = (< 99) ? ++ : 0;

Answer 1

最简单的方法是创建一个函数：

var obj = {

  a: {

    b: 1

  }

};

function increment(value, max) {

  // this do the same as your ternary operator

  return (value + 1) % max;

}

obj['a']['b'] = increment(obj['a']['b'], 100);

console.log(obj['a']['b']);

// THIS DOES NOT WORK (won't update obj):

var x = obj['a']['b'];

x = increment(x, 100);

console.log(obj['a']['b'], x);

Answer 2

( % )像这样使用模运算符 -

var age = 95;

var limit = 100;

function incrementValue()

{

    age = (age+1) % limit;

    document.getElementById('number').value = age;

}

document.getElementById('number').value = age;

<form>

   <input type="number" id="number"/>

   <input type="button" onclick="incrementValue()" value="Increment Value" />

</form>

Answer 3

将temp变量存储到变量中，然后执行操作：

试试这个：

let age = obj[layer01][gridY][gridX][shape];

obj[layer01][gridY][gridX][shape] = ( age < 99) ? (age + 1) : 0;