JSON.stringify（）不能按預期工作

Question

我多次使用JSON.stringify()並且我知道一些問題，例如（在這里描述）：

• 周期
• 太深的物體
• 陣列太長了

但是，我在對象上面臨不正確的stringify操作，就像這樣：

在控制台上運行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

好吧，我建議你創建一個克隆你的對象的函數，而不使用由angular設置的$$hashKey屬性：

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情況下克隆對象后，您可以$$hashKey進行字符串化。