I have an Object which I am getting from API response. Now I want to perform some operation on that object and I want to do it in prototype way.
let's say I am getting following object
const user = {
name: "Carlos",
gender: "male"
}
Now I want to create a prototype function which can run directly on object like. user.isMale()
how can I achieve the same in ES6
I would recommend to use es6 classes
class User{
constructor(user = {}){
this.name = user.name;
this.gender = user.gender;
}
isMale(){
return this.gender === 'male';
}
}
let carlos = new User({'carlos', 'male'})
carlos.isMale() // true
and if you retrieve an array of those users you could then map them in this way.
usersArray = usersArray.map(user => new User(user));
get isMale() {... and then call with carlos.isMale
Object.prototype.isMale = function() { return this.gender === 'male' }. Another terrible idea would be to replace each object's prototype after it is created (slower) with Object.setPrototypeOf(someUserObject, User.prototype). Better idea is to ensure each User object is created with new User, and therefore gets the right prototype when it is created.function User(name, gender) {
this.name = name;
this.gender = gender;
}
User.prototype.isMale = function() {
return this.gender === 'male';
}
const user = new User('john', 'male');
alert(user.isMale());
isMalemethod to every object? It would make more sense to create aUserclass.Userclass can be done, this resource can be useful: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…JSON.parse(json), then you can eithercarlos = Object.assign(new User(), JSON.parse(json))or you canObject.setPrototypeOf(carlos = JSON.parse(json), User.prototype). See this answer