angularjs: Push is not a function

Question

I have a JSON object like this:

var post = {
    "post_id": "1",
    "content": "content",
    "post_author": {
        "id": "12",
        "firstName": "Amelia",
        "lastName": "Earheart",
    },
    "isLiked": false,
    "likes_count": 0,
    "likers": [],
    "comments_count": 0,
    "commenters": [],
    "comments": []
};

And post is passed to the function given below from the front end.

var vm = this;
vm.likePost = function(post) {
    var likedPost = post;
    vm.userInfo();
    likedPost.likers.push(userObject); //Here

    myService.postLike(likedPost).success(function(data) {
        likedPost.isLiked = true;
        likedPost.likes_count++;
        vm.posts = data;
    });
};

But doing so, I get a JavaScript error saying push is not a function in line likedPost.likers.push(userObject);

And userObject is returned by vm.userInfo() and it looks like this:

vm.userInfo = function() {
    myService.getBasicUserInfo().success(function(data) {
        vm.currentPost.post_author.id = data.id;
        vm.currentPost.post_author.firstName = data.firstName;
        vm.currentPost.post_author.lastName = data.lastName;
    });
};

and the returned JSON is like this:

{"id":"12","firstName":"Amelia","lastName":"Earheart"}

Can anyone help me figure out the cause of this issue?

UPDATE:

{
    "post_id": "12",
    "content": "Content is the content that contains the content",
    "image": "member-default.jpg",
    "created_at": "2016-05-26 14:29:00",
    "post_author": {
        "id": "12",
        "firstName": "Amelia",
        "lastName": "Earheart",
    },
    "isLiked": false,
}

This is what I get upon console.log(likedPost);

Before the push call can you add this : console.log(likedPost); and send the result — Silvinus
– Silvinus, Commented Jun 14, 2016 at 9:24
What is the source of your JSON object? Maybe there is an error in constructing it, or in receiving it. — Hopeful Llama
– Hopeful Llama, Commented Jun 14, 2016 at 10:01

Satpal · Accepted Answer · 2016-06-14 09:37:14Z

7

The output clearly specifies that likers is not defined. You can put a validation check before using push() method.

//if likedPost.likers is not defined, it will define it as an array 
likedPost.likers = likedPost.likers || [];

//Do the push operation
likedPost.likers.push(userObject);

answered Jun 14, 2016 at 9:37

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Charlie · Accepted Answer · 2016-06-14 09:39:18Z

0

Your likedPost object doesn't have the likers array you expect. Probably you can see if that exists before trying to push.

if (typeof likedPost !== 'undefined')
   likedPost.likers.push(userObject);

answered Jun 14, 2016 at 9:39

Charlie

24k12 gold badges65 silver badges96 bronze badges

2 Comments

MattE Over a year ago

You could simply put (if likedPost) because it would return false if null or undefined

MattE Over a year ago

all the reason why IE needs to die a quick and horrifyingly painful death

Collectives™ on Stack Overflow

angularjs: Push is not a function

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related