Item date sorting from API JSON in angular

Question

I've generated some news items from a laravel API output, i display these on a angular 4 cli project. I noticed the items aren't on descending order though and I'm trying to fix this on the client side. Check it out, this is what I've got.

This is my JSON output from the api:

{
  "post": [
    {
      "id": 17,
      "creator": null,
      "title": "Test artikel 4",
      "content": "<p>Dit is een test artikel voor het nieuws.</p>",
      "tags": null,
      "photo": "website/uploads/",
      "sticky": 0,
      "created_at": 1506000062,
      "updated_at": false,
      "category": ""
    },
    {
      "id": 20,
      "creator": null,
      "title": "Test artikel 3",
      "content": "<p>Dit is een test. Geen sticky.</p>",
      "tags": null,
      "photo": "website/uploads/",
      "sticky": 0,
      "created_at": 1506345662,
      "updated_at": false,
      "category": ""
    },
    {
      "id": 23,
      "creator": null,
      "title": "Hovenier 2",
      "content": null,
      "tags": null,
      "photo": "website/uploads/1505990708_Verboon Hoveniers.jpg",
      "sticky": 0,
      "created_at": 1506432062,
      "updated_at": false,
      "category": "Test categorie 1"
    }
  ]
}

As you can see, there is a created_at object in the array based on a unix timestamp. What I'm trying to do is sort these items based on that created_at object using angular 4 typescript.

I've tried the sort() function, but I can't seem to get it to work.

Can anyone tell what is the best way to tackle this problem? I think it must be something really simple, but I can't seem to get it.

Thanks!

edit: I have placed it in a variable, but I get this: ERROR TypeError: Cannot read property 'sort' of undefined

also, this is the console.log from the variable.

Serhii Z. · Accepted Answer · 2017-10-03 09:46:49Z

4

Maybe this code can help you:

const {posts} = yourJSON;
posts.sort((a, b) => a.created_at - b.created_at);

answered Oct 3, 2017 at 9:46

Serhii Z.

1,1761 gold badge10 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Serhii Z. Over a year ago

Is it posts variable or your JSON response? @CasvantWout

prabhatojha · Accepted Answer · 2017-10-03 09:46:21Z

1

Write the sort function like this.

var sortedPosts = data.post.sort((item1,item2) => item2.created_at - item1.created_at)

answered Oct 3, 2017 at 9:46

prabhatojha

2,1051 gold badge18 silver badges32 bronze badges

Comments

lone_worrior · Accepted Answer · 2017-10-03 09:51:47Z

1

You need to do something like this.

yourObjectName.post.sort(function(a, b) {
    return a.created_at - b.created_at;
});

answered Oct 3, 2017 at 9:51

lone_worrior

2422 silver badges16 bronze badges

Comments

Laiso · Accepted Answer · 2017-10-03 13:39:37Z

1

Store your data in a variable, then sort the post property of your json object

var items = {your jsons}
items.post.sort((a,b) => a.created_at - b.created_at)

edited Oct 3, 2017 at 13:39

answered Oct 3, 2017 at 10:01

Laiso

2,6503 gold badges19 silver badges33 bronze badges

Collectives™ on Stack Overflow

Item date sorting from API JSON in angular

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related