javascript - 对象数组的算术运算 - JavaScript

Question

我有一个 JSON

const myJSON = [
    {
        name: 'compass',
        LocX: 35,
        LocY: 312
    },
    {
        name: 'another',
        LocX: 52,
        LocY: 32
    }
]

在 UI 中，如果用户想将数字 5 添加到两个属性之一，我应该如何处理？

我已经在做

myJSON.map(x => x[userSelectedProperty] + 5)
// when user selected property is 'LocX', [40, 57]

但我想要只更新值的完整数组。

[
    {
        name: 'compass',
        LocX: 40,
        LocY: 312
    },
    {
        name: 'another',
        LocX: 57,
        LocY: 32
    }
]

我该怎么做？

Answer 1

使用 Array#forEcah 简单地迭代和更新对象属性足以达到此目的的方法。

const myJSON = [{
    name: 'compass',
    LocX: 35,
    LocY: 312
  },
  {
    name: 'another',
    LocX: 52,
    LocY: 32
  }
];

let userSelectedProperty = 'LocX';
myJSON.forEach(x => x[userSelectedProperty] += 5);

console.log(myJSON);

---

如果您想创建一个新数组，请使用 Array#map方法。

const myJSON = [{
    name: 'compass',
    LocX: 35,
    LocY: 312
  },
  {
    name: 'another',
    LocX: 52,
    LocY: 32
  }
];

let userSelectedProperty = 'LocX';
let res = myJSON.map(x => {
  // copy properties to a new object
  let y = Object.assign({}, x);
  y[userSelectedProperty] += 5;
  return y;
});

console.log(res);