javascript - 使用 Angular foreach 循环重新排列 JSON

标签 javascript json angularjs foreach

我有一个 ng-repeat,它返回如下对象数组:

[{"day":"10","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}]
[{"day":"3","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}]

我想拉出对象并将它们插入另一个数组,这样它们的格式如下:

[
{"day":"10","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"},
    {"day":"3","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"
}]

目标是在数组上使用 orderBy。是否可以将 JSON 重组为这种格式,然后访问数据?

我的观点供引用:

<div class="calDynamic" data-ng-repeat="n in [] | range:100">
<div ng-repeat="cal in calendar[n].year | filterKey:month">

    <p>{{cal}}</p>
</div>
</div>

我的 JSON 格式:

{
"_id" : ObjectId("53f252537d343a9ad862866c"),
"year" : {
    "December" : [],
    "November" : [],
    "October" : [],
    "September" : [],
    "August" : [],
    "July" : [ 
        {
            "day" : "21",
            "title" : "u",
            "summary" : "u",
            "description" : "ok",
            "_id" : ObjectId("53f252537d343a9ad862866d")
        }
    ],
    "June" : [],
    "May" : [],
    "April" : [],
    "March" : [],
    "February" : [],
    "January" : []
},
"__v" : 0
},
{
    "_id" : ObjectId("53f252537d343a9ad862866c"),
    "year" : {
        "December" : [],
        "November" : [],
        "October" : [],
        "September" : [],
        "August" : [],
        "July" : [ 
            {
                "day" : "3",
                "title" : "u",
                "summary" : "u",
                "description" : "ok",
                "_id" : ObjectId("53f252537d343a9ad862866d")
            }
        ],
        "June" : [],
        "May" : [],
        "April" : [],
        "March" : [],
        "February" : [],
        "January" : []
    },
    "__v" : 0
    }

最佳答案

只是阐述我的评论来回答:-

您可以通过这种方式将分散在不同月份的数组合并为 1 个数组。

//obj has the the array result that is the input
var temp = [];
var result = temp.concat.apply(temp,obj.map(function(itm){ //Get each object in the source array that hold the year.
  return temp.concat.apply(temp, Object.keys(itm.year).map(function(key){ //Get Month for each yeah and flatten it out
       return itm.year[key]; //Get day array for each of the month in each year
  }));
}));

Object.keys(obj.year) ==> 将把你属性(property) Year 中的月份给你一个数组 Array.prototype.map ==> 你传入月份数组并从所有月份中取回日期的二维数组。 [].concat ==> 返回串联数组的数组。它可以接受多个数组作为参数,所以我们使用 function.apply方便地将 2D 转换为 1D。

Bin

其他简单且性能有效的方法始终是循环和添加。

关于javascript - 使用 Angular foreach 循环重新排列 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25390532/

相关文章:

javascript - Select2 更改删除的 id 值

html - 如何通过格式化的 json 在 pre 标签中显示中断?

javascript - 如何从angularjs中的json获取特定的唯一值

javascript - 使用 javascript 设置 Coldfusion 变量以便在同一页面上的 Replace() 中使用?

javascript - 您如何将状态 401 从 WebAPI 返回到 AngularJS 并包含自定义消息?

javascript - Swift 在应用程序终止时清除 webview 缓存

javascript - 如何在 webpack 中根路径加载 CSS

javascript - 如何确保在流处理完成后执行异步代码?

angularjs - 名称中的 ui-router 点不起作用

javascript - AngularJS ng选项不显示数据