JSON.stringify() 没有按预期工作

Question

我已经多次使用JSON.stringify() 并且我知道一些问题，例如（在here 中描述）：

• 循环
• 对象太深
• 数组太长

但是，我在对象上面临不正确的字符串化操作，如下所示：

在控制台上运行 JSON.stringify(obj) 后，我明白了。

"[{"$$hashKey":"object:103",
 "ProductCategories": [{"Id":2,"ShopProductCategoryName":"Drink","isSelected":true}
                       {"Id":3,"ShopProductCategoryName":"Food","isSelected":true}]
 }]"

它只会对ProductCategories 和$$hashKey 进行字符串化，这完全出乎意料。

---

解决尝试

如果我从 obj 创建新对象并将其字符串化，则返回正确的 JSON。

var newObj = { // Creates new object with same properties.
  AllProductCategories: obj.AllProductCategories,
  Id: obj.Id,
  LabelName: obj.LabelName,
  Percentages: obj.Percentages,
  ProductCategories: obj.ProductCategories
}

JSON.stringify(newObj); // Returns correct JSON.

我使用代码强制将对象发送到 web api，但方式当然不是我想要的。

---

如我所见，

• 没有循环。
• 不是太深。 （只有深度 3）

因此，我无法弄清楚出了什么问题。

Answer 1

我建议你创建一个函数来克隆你的对象，而不需要 $$hashKey 我猜是 angular 设置的属性：

function cloneObj (obj) {
   var cloned = JSON.parse(JSON.stringify(obj));
   delete cloned.$$hashKey;
   for(var key in cloned) {
      if(typeof cloned[key] === 'object') {
         cloned[key] = cloneObj(cloned[key]);
      }
   }

   return cloned;
}

在没有$$hashKey 的情况下克隆对象后，您可以毫无问题地对其进行字符串化。