Angular 2 / ES6 / Filter an object object based on a property

Question

I am calling two API to return objects of data. Than run through for each of them and search if it has a value.

I want to check if one of these obj has a vas value matches.

getdata(slug){

  this._apiService.getPages().subscribe(data =>{
    this.pageobj = data
    console.log('this page obj',this.pageobj)
  })


this._apiService.getPosts().subscribe(data =>{
  this.postsobj = data; 
   console.log('this post  obj',this.postsobj)
})

}

this.pageobj is an object

this.postsobj

in both responses they had a property 'slug'. I would like to check if in this.postsobj or this.pageobj has an object that contains 'slug' == 'hello-word', if so to return me object and store in var this.content

UPDATE

export class PageSingleComponent implements OnInit {

page: Page;
pageobj:any;
postsobj:any;
pageobjCheck:any
postsobjCheck:any
pageSlug:any;
content =new Array<any>();
  constructor( private _apiService: apiService, private route: ActivatedRoute ) { }



  getdata(slug){

      this._apiService.getPages().subscribe(data =>{
        this.pageobj = data

        this.content.push(_.filter(this.pageobj, { 'slug':' hello-world' }));


      })


    this._apiService.getPosts().subscribe(data =>{
      this.postsobj = data; 

      this.content.push(_.filter(this.postsobj, { 'slug':' hello-world' }));

    })
   }

  ngOnInit() {

        this.route.params.forEach((params: Params) => {
          // Get slug from the rout
           let slug = params['pageslug'];
           console.log('slug is catcheds', slug)
           this.pageSlug = params['pageslug'];
          this.getdata(slug)


          // Run functions
      //     
        });

    }
 }

this can be done at server side itself.. any reason handling it here? — Aravind
– Aravind, Commented Apr 16, 2017 at 20:53

TheOpti · Accepted Answer · 2017-04-17 08:56:59Z

2

I think you want to use Filter function.

In your callback function passed to map function you want to check whether your response object form array has slug property which is equal to 'hello world'. Your code will like like this:

var content = response.filter(obj => obj && obj.slug === 'hello-world');

edited Apr 17, 2017 at 8:56

answered Apr 16, 2017 at 21:01

TheOpti

1,6793 gold badges21 silver badges38 bronze badges

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

Comments

Aravind · Accepted Answer · 2017-04-16 21:02:35Z

1

I prefer using lodash as below,

this.content =new Array<any>();
this.content.push(_.filter(this.pageobj, { 'slug':' hello-world' });
this.content.push(_.filter(this.postsobj, { 'slug':' hello-world' });

Alternatively you can handle it in the service using takeWhile operator

getPages(){
   return  this.http.get(...)
                    .takeWhile(data=>{
                        if(data.slug ==== 'hello-world'){
                           return data;
                        }
                    })
}

answered Apr 16, 2017 at 21:02

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

6 Comments

Chris Tarasovs Over a year ago

I don't think you need a 'this' to this.content ?

Aravind Over a year ago

I don't you need what does this mean?

Chris Tarasovs Over a year ago

sorry Aravind. Two things: 1) I think you are missing a ')' at the end of each push. and than I can define the variable like this content =new Array<any>(); and don't need to do this.content =new Array<any>();

Aravind Over a year ago

sorry for the typo, without initialising an array you cannot push data. you will get undefined error

Chris Tarasovs Over a year ago

I am getting an empty object. Did I do it right like I posted above in the update?

|

Collectives™ on Stack Overflow

Angular 2 / ES6 / Filter an object object based on a property

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related