如何在 jquery 中动态更新 Json 对象值？

Question

var jsonObj = [
     {
       "key1": "value1",
       "key2": "value2", 
       "key3​": "value3" 
     }, 
     {
       "key1": "value1", 
       "key2": "value2",
       "key3​": "value3" 
     }
    ];

我想更新所有对象的所有值。这里的键和值是动态的，而不是 key1 和 value1。你能帮忙弄清楚要求吗？

我想让每个对象的每个值都变成“changedvalue”。所以更新jsonObj后的最终结果是

[
     {
       "key1": "changedvalue",
       "key2": "changedvalue", 
       "key3​": "changedvalue" 
     }, 
     {
       "key1": "changedvalue", 
       "key2": "changedvalue",
       "key3​": "changedvalue" 
     }
];

Answer 1

jsonObj 是一个数组，因此您首先必须迭代这个数组

jsonObj.forEach(o => {...});

o 现在是一个对象。你必须迭代它的键/值

for(let k in o)

k 是对象中的一个键。您现在可以更改值

o[k] = 'WhateverYouNeed'

var jsonObj = [{
       "key1": "value1",
       "key2": "value2", 
       "key3": "value3" 
     }, 
     {
       "key1": "value1", 
       "key2": "value2",
       "key3": "value3" 
}];

jsonObj.forEach(o => {
  for(let k in o)
    o[k] = 'ChangedValue'
});

console.log(jsonObj);

---

参考资料：

如上所述，您的结构是对象数组而不是 JSON：Javascript object Vs JSON

现在把你的问题分解成几个部分，你需要

1. 更新对象的属性：How to set a Javascript object values dynamically?
2. 但您需要全部更新：How do I loop through or enumerate a JavaScript object?
3. 但是这些对象在一个数组中：Loop through an array in JavaScript
4. 但是为什么我有不同的机制来循环对象和数组呢？ for 无法获取密钥，但我们可以在数组上使用 for..in。正确的？ 不，你不应该。 Why is using "for...in" with array iteration a bad idea?

自述文件链接：

请参考以下链接并检查浏览器兼容性，因为该解决方案不适用于旧版浏览器。还有其他循环方式，在上面的链接中突出显示。在使用它们之前，还要参考它们的兼容性。

• Arrow functions
• Array.forEach

Answer 2

这里有一个解决方案https://jsfiddle.net/Lha8xk34/

var jsonObj = [{
  "key1": "value1",
  "key2": "value2",
  "key3": "value3"
}, {
  "key1": "value1",
  "key2": "value2",
  "key3": "value3"
}];

$.each(jsonObj, function(i) {
  $.each(jsonObj[i], function(key) {
    jsonObj[i][key] = "changed" + key;
  });
});

console.log(jsonObj);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

您可能想混合使用forEach 和Object.keys

const jsonObj = [
  {
    "key1": "value1",
    "key2": "value2", 
    "key3​": "value3" 
  }, 
  {
    "key1": "value1", 
    "key2": "value2",
    "key3​": "value3" 
  }
];

jsonObj.forEach( obj => {
  Object.keys( obj ).forEach( key => {
    const value = obj[ key ];

    console.log( key, value );
  } );
} );

Answer 4

试试pinch

在你的情况下：

var jsonObj = [
     {
       "key1": "value1",
       "key2": "value2", 
       "key3​": "value3" 
     }, 
     {
       "key1": "value1", 
       "key2": "value2",
       "key3​": "value3" 
     }
    ];

pinch(data, "/key1/", function(path, key, value) {
  return (value === "value1") ? "updatedValue" : value;
});