JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

scope issue

JavaScript

var userService = {
  currentFilter: "active",
  users: [
    { name: "Alex", status: "active" },
    { name: "Nick", status: "deleted" }
  ],
  getFilteredUsers: function() {
    // console.log(this.users);
    return this.users.filter(function(user) {
    console.log(this.currentFilter)
      return user.status === this.currentFilter;
    }.bind(this));  //passing scope  
  }
};

userService.getFilteredUsers()


var userService1 = {
  currentFilter: "active",
  users: [
    { name: "Alex", status: "active" },
    { name: "Nick", status: "deleted" }
  ],
  getFilteredUsers: function() {
    // console.log(this.users);
    return this.users.filter((user) => {
    console.log("arro",this.currentFilter)
      return user.status === this.currentFilter;
    });  //or arrow
  }
};

userService1.getFilteredUsers()