排序JSON提要

Question

我浏览了这个网站和其他几个网站，都没有找到任何可以回答我问题的东西。我得到了以下JSON变量：

var jsonObject = {
    "videos": {
        "name": "Video",
        "placement": "3",
        "items": [{
            "title": "Baby Wolf Video",
            "video": "http://www.youtube.com/embed/fccTIlX6mnc",
            "width": "560",
            "height": "315"
        }]
    },
    "images": {
        "name": "Related Images",
        "placement": "5",
        "items": [{
            "title": "",
            "summary": "Boy that's a beautiful car. I want one \"just like it\".",
            "byline": "Chris Hister",
            "mycapture": "false",
            "width": "1011",
            "height": "768"
        }, {
            "title": "",
            "summary": "Boy what an awesome grab. You had to be there to truly appreciate it.",
            "byline": "Number Nine",
            "mycapture": "false",
            "width": "400",
            "height": "600"
        }, {
            "title": "",
            "summary": "The cutest little baby wolf you'll ever find in the wild. We had a lot more pics, but his mom said this was the only one we could post. Better one than none!",
            "byline": "Baby Wolf",
            "mycapture": "false",
            "width": "1280",
            "height": "1024"
        }, {
            "title": "",
            "summary": "Beautiful bird in the wild. It's always fun to get your feet wet just a little, then fly away.",
            "byline": "Wild Bird",
            "mycapture": "false",
            "width": "1992",
            "height": "1422"
        }, {
            "title": "",
            "summary": "The mysterious soldier/pilot from a distant past. This guys has determination written in his gaze, and goggles on his forehead. In other words, he means business!",
            "byline": "The Soldier",
            "mycapture": "false",
            "width": "1120",
            "height": "1368"
        }, {
            "title": "",
            "summary": "Nothing screams America louder than the historical photo. Most people know this image as 'Raising the Flag on Iwo Jima'.",
            "byline": "American Soldiers",
            "mycapture": "false",
            "width": "250",
            "height": "201"
        }, {
            "title": "",
            "summary": "Everyone's favorite, most feared hero has to be Batman. This guy cannot be defeated, no matter what the punishment. He's been stabbed, shot, blown up, tortured, thrown into a pit, and the list goes on. Yet....somehow...he returns.",
            "byline": "Batman",
            "mycapture": "false",
            "width": "1024",
            "height": "768"
        }, {
            "title": "",
            "summary": "Uh oh! It's that time of year again where the ghosts and ghouls come out to play. Looks like this pumpkin won't be doing much of anything on this Halloween until he pays back the money he owes.",
            "byline": "Irresponsible Pumpkin",
            "mycapture": "false",
            "width": "360",
            "height": "450"
        }, {
            "title": "",
            "summary": "As terrifying as this would be in real life, a photo from afar makes it adorable. I would assume these 2 animals are being filmed from miles away in some jungle somewhere. Whatever the case, this is a magical moment between two of nature's wildest creatures.",
            "byline": "Baby and Momma Lion",
            "mycapture": "false",
            "width": "1024",
            "height": "768"
        }, {
            "title": "",
            "summary": "There comes a time in every little leaguers life where they get tackled. No exceptions here to #23 as he goes down with the entire pile. You can't help but respect that type of commitment from a little leaguer.",
            "byline": "Little Leaguer",
            "mycapture": "false",
            "width": "1053",
            "height": "768"
        }, {
            "title": "",
            "summary": "A local community center tells the neighborhood the story of Thanksgiving through the performing arts. After watching this, you'll truly understand why we should all be thankful.",
            "byline": "Community Center",
            "mycapture": "false",
            "width": "350",
            "height": "235"
        }, {
            "title": "",
            "summary": "If you've ever watched X-Men or any cartoon that showcases The Phoenix, then you understand why she's involved here. The Phoenix is a very unique character. In mythology, she has the ability to die (burst into flames), and come back, reborn anew from her own ashes. Talk about chicken or the egg.",
            "byline": "Phoenix",
            "mycapture": "false",
            "width": "1000",
            "height": "1000"
        }]
    },
    "mugs": {
        "name": "null",
        "placement": "2",
        "items": [{
            "title": "",
            "imagelink": "",
            "summary": "",
            "byline": "",
            "date": "",
            "mycapture": "",
            "width": "",
            "height": ""
        }]
    },
    "related": {
        "name": "Related Content",
        "placement": "4",
        "items": [{
            "type": "story",
            "title": "Ride & Drive: Ford Transit",
        }, {
            "type": "story",
            "title": "Weather Forecast for Tuesday",
        }, {
            "type": "story",
            "title": "Resolution passed to self-report bonds",
        }, {
            "type": "gallery",
            "title": "Christmas in Shohola",
        }, {
            "type": "gallery",
            "title": "Wait Until Dark",
        }, {
            "type": "gallery",
            "title": "Big Buck #4",
        }, {
            "type": "link",
            "title": "Facebook",
        }, {
            "type": "link",
            "title": "Twitter",
        }, {
            "type": "link",
            "title": "Google",
        }, ]
    },
    "facts": {
        "name": "Article Facts",
        "placement": "1",
        "items": [{
            "title": "The truth about dangerous cars",
            "summary": "Pop-up semiotics artisan, Neutra flannel meggings yr seitan pug pork belly messenger bag tofu squid whatever bicycle rights. Letterpress forage distillery, normcore Vice Thundercats ethical drinking vinegar tofu cardigan jean shorts lo-fi typewriter tote bag. Crucifix Thundercats fixie lo-fi freegan. Hoodie lo-fi beard plaid quinoa. Farm-to-table YOLO drinking vinegar raw denim master cleanse, mixtape Banksy Intelligentsia High Life. Blue Bottle slow-carb mustache put a bird on it PBR&B keytar. Schlitz migas iPhone deep v four loko four dollar toast, sriracha brunch aesthetic.Aesthetic keytar mustache PBR&B letterpress, 3 wolf moon XOXO. Umami leggings kale chips four dollar toast. Retro 8-bit Intelligentsia Pinterest, VHS cred DIY disrupt umami irony gastropub keytar. Master cleanse meggings beard, umami seitan sartorial small batch flexitarian flannel church-key. PBR&B YOLO Carles church-key, meditation Schlitz sustainable paleo Echo Park Pitchfork High Life meh four loko Vice. Williamsburg Helvetica DIY High Life. Portland raw denim next level vinyl.Hashtag sustainable retro umami. +1 fap Austin meggings cornhole. Vinyl food truck Etsy, Schlitz cronut craft beer deep v chia. Umami vinyl Godard, kale chips semiotics single-origin coffee ethical hashtag swag lumbersexual direct trade. Plaid banh mi deep v, craft beer listicle street art aesthetic. Hoodie viral chillwave literally health goth. Listicle Tumblr tote bag 90's artisan, meditation plaid lomo....",
            "body": "Pop-up semiotics artisan, Neutra flannel meggings yr seitan pug pork belly messenger bag tofu squid whatever bicycle rights. Letterpress forage distillery, normcore Vice Thundercats ethical drinking vinegar tofu cardigan jean shorts lo-fi typewriter tote bag. Crucifix Thundercats fixie lo-fi freegan. Hoodie lo-fi beard plaid quinoa. Farm-to-table YOLO drinking vinegar raw denim master cleanse, mixtape Banksy Intelligentsia High Life. Blue Bottle slow-carb mustache put a bird on it PBR&B keytar. Schlitz migas iPhone deep v four loko four dollar toast, sriracha brunch aesthetic.Aesthetic keytar mustache PBR&B letterpress, 3 wolf moon XOXO. Umami leggings kale chips four dollar toast. Retro 8-bit Intelligentsia Pinterest, VHS cred DIY disrupt umami irony gastropub keytar. Master cleanse meggings beard, umami seitan sartorial small batch flexitarian flannel church-key. PBR&B YOLO Carles church-key, meditation Schlitz sustainable paleo Echo Park Pitchfork High Life meh four loko Vice. Williamsburg Helvetica DIY High Life. Portland raw denim next level vinyl.Hashtag sustainable retro umami. +1 fap Austin meggings cornhole. Vinyl food truck Etsy, Schlitz cronut craft beer deep v chia. Umami vinyl Godard, kale chips semiotics single-origin coffee ethical hashtag swag lumbersexual direct trade. Plaid banh mi deep v, craft beer listicle street art aesthetic. Hoodie viral chillwave literally health goth. Listicle Tumblr tote bag 90's artisan, meditation plaid lomo.",
            "image": {
                "title": "The truth about dangerous cars",
                "credit": "The Joker",
                "caption": "The driver of this car is a joke",
                "width": "0",
                "height": "0",
                "mycapture": "false"
            }
        }]
    }
};

我需要以某种方式通过分配给每个单独项目的'Placement‘值对其进行排序。例如，第一个项目应该在spot #3中，因为它的位置值是3。第二个项目应该在spot #5中，因为它的位置值是5。我在这里尝试了几种方法，但似乎无法让它以我需要的排序方式重新绘制提要。

至少在6个月内，我将无法访问绘制此提要的服务器。现在，这就是我要做的全部工作。请帮帮我！我今天一个人就在这上面花了6个小时。这里的任何帮助都将不胜感激！

克里斯

Answer 1

以下是斯科特的回答：

var output = $.map(jsonObject, function (o) {
    return [o];
}).sort(function (a,b) {
    return a.placement - b.placement;
});

Answer 2

变量的顶层不是数组，因此没有顺序的概念。最接近的做法是将这些项提取到一个数组中并进行排序，或者只使用键进行排序。

Answer 3

如果您想通过排序(按位置)在数组中添加对象。尝试以下代码

   var keyArr = Object.keys(jsonObject);
var newObjectArr = [];
for(var i=0; i<keyArr.length ;i++){
    jsonObject[keyArr[i]].KeyName = keyArr[i];
    newObjectArr[jsonObject[keyArr[i]].placement] = jsonObject[keyArr[i]];
}

你将得到对象的有序数组。因为你的位置从1开始，你将在数组的零索引处得到未定义。