什么是 $$hashKey 添加到我的 JSON.stringify 结果

Question

我尝试查看他们文档的 Mozilla JSON stringify 页面以及 SO 和 Google 上的此处，但没有找到任何解释。我已经多次使用JSON.stringify，但从未遇到过这个结果。

我有一个 JSON 对象数组：

[
    {
        "param_2": "Description 1",
        "param_0": "Name 1",
        "param_1": "VERSION 1"
    },
    {
        "param_2": "Description 2",
        "param_0": "Name 2",
        "param_1": "VERSION 2"
    },
    {
        "param_2": "Description 3",
        "param_0": "Name 3",
        "param_1": "VERSION 3"
    }
]

它附在我的$scope 上。为了将POST 它们作为一个参数，我使用了JSON.stringify() 方法并收到以下信息：

   [
        {
            "param_2": "Description 1",
            "param_0": "Name 1",
            "param_1": "VERSION 1",
            "$$hashKey": "005"
        },
        {
            "param_2": "Description 2",
            "param_0": "Name 2",
            "param_1": "VERSION 2",
            "$$hashKey": "006"
        },
        {
            "param_2": "Description 3",
            "param_0": "Name 3",
            "param_1": "VERSION 3",
            "$$hashKey": "007"
        }
    ]

我只是好奇 $$hashkey 属性到底是什么，因为我预计 stringify 方法（即没有 $$hashkey）会得到更类似于以下内容的内容：

[
    {
        "1":{
            "param_2": "Description 1",
            "param_0": "Name 1",
            "param_1": "VERSION 1"
        },
         "2":{
            "param_2": "Description 2",
            "param_0": "Name 2",
            "param_1": "VERSION 2"
        },
         "3":{
            "param_2": "Description 3",
            "param_0": "Name 3",
            "param_1": "VERSION 3"
        }
    }
]

我不确定这是否是一个因素，但我正在使用以下内容：

• Angularjs 1.1.5，
• jQuery 1.8.2
• 春季 3.0.4

我也在服务器端使用 Spring security 3.0.7。

它没有给我带来任何问题，但我想知道$$hashkey的原因和原因

Answer 1

Angular 添加它来跟踪您的更改，因此它知道何时需要更新 DOM。

如果您使用 angular.toJson(obj) 而不是 JSON.stringify(obj)，那么 Angular 会为您去除这些内部使用值。

此外，如果您将重复表达式更改为使用 track by {uniqueProperty} 后缀，Angular 根本不需要添加 $$hashKey。例如

<ul>
    <li ng-repeat="link in navLinks track by link.href">
        <a ng-href="link.href">{{link.title}}</a>
    </li>
</ul>

请始终记住您需要“链接”。表达的一部分-我总是倾向于忘记这一点。光是track by href肯定不行。

Answer 2

在我的用例中（将生成的对象提供给 X2JS）推荐的方法

data = angular.toJson(source);

帮助删除$$hashKey 属性，但结果可能不再由X2JS 处理。

data = angular.copy(source);

也删除了$$hashKey 属性，但结果仍可用作 X2JS 的参数。

Answer 3

它通常带有 ng-repeat 指令。做 dom 操作 AngularJS 用特殊 id 标记对象。

这在 Angular 中很常见。例如，如果您使用 ngResource 获取对象，您的对象将嵌入所有资源 API，您将看到 $save 等方法。使用 cookie AngularJS 也会添加属性 __ngDebug。

Answer 4

如果您不想在数据中添加 id，您可以通过数组中的索引进行跟踪，这将导致项目以它们在数组中的位置而不是它们的值作为键。

像这样：

var myArray = [1,1,1,1,1];

<li ng-repeat="item in myArray track by $index">

Answer 5

如果您使用的是 Angular 1.3 或更高版本，我建议您在 ng-repeat 中使用“track by”。如果您使用“track by”，Angular 不会向数组中的对象添加“$$hashKey”属性。您还可以获得性能优势，如果您的数组中的某些内容发生变化，angular 不会为您的 ng-repeat 重新创建整个 DOM 结构，而是为您的数组中已更改的值重新创建 DOM 部分。

Answer 6

更新：从 Angular v1.5 开始，$index 跟踪现在是标准语法，而不是使用链接，因为它给了我一个 ng-repeat 欺骗错误。

我为嵌套的ng-repeat 遇到了这个问题，下面的工作正常。

<tbody>
    <tr ng-repeat="row in data track by $index">
    <td ng-repeat="field in headers track by $index">{{row[field.caption] }}</td>
</tr>

Answer 7

以下是您可以轻松地从对象中删除 $$hashKey 的方法：

$scope.myNewObject = JSON.parse(angular.toJson($scope.myObject))

$scope.myObject - 指您要对其执行操作的对象，即从中删除 $$hashKey

$scope.myNewObject - 将修改后的原始对象分配给新对象，以便在需要时使用它

Answer 8

https://www.timcosta.io/angular-js-object-comparisons/

人们第一次看到 Angular 时，它非常神奇。当您更新 JS 中的变量时，自动 DOM 更新，当有人在 DOM 中更新它的值时，相同的变量将在您的 JS 文件中更新。同样的功能适用于页面元素和控制器。

所有这一切的关键是 $$hashKey Angular 附加到 ng-repeats 中使用的对象和数组。

这个 $$hashKey 会给那些将完整对象发送到不删除额外数据的 API 的人造成很多混乱。 API 将为您的所有请求返回 400，但 $$hashKey 不会从您的对象中消失。

Angular 使用 $$hashKey 来跟踪 DOM 中的哪些元素属于在 ng-repeat 中循环的数组中的哪个项目。如果没有 $$hashKey，Angular 将无法将 JavaScript 或 DOM 中发生的更改应用于它们的对应项，这是 Angular 的主要用途之一。

考虑这个数组：

users = [  
    {
         first_name: "Tim"
         last_name: "Costa"
         email: "tjsail33@gmail.com"
    }
]

如果我们使用 ng-repeat="user in users" 将其渲染到一个列表中，其中的每个对象都会收到一个 $$hashKey 用于来自 Angular 的跟踪目的。这里有两种方法可以避免这个 $$hashKey。