Können wir ein generisches Objekt in Javascript in einen benutzerdefinierten Objekttyp umwandeln?

Zum Beispiel habe ich dieses Objekt bereits irgendwo im Code, es ist ein generisches Objekt:

var person1={lastName:"Freeman",firstName:"Gordon"};

Ich habe den Konstruktor für ein Person-Objekt:

function Person(){
 this.getFullName=function(){
  return this.lastName + ' ' + this.firstName;
 }
}

Gibt es eine einfache Syntax, mit der wir person1 in ein Objekt vom Typ Person umwandeln können?

Die Antwort von @PeterOlson mag früher bearbeitet worden sein, aber es sieht so aus Object.create ist geändert. Ich würde mich für den Copy-Constructor-Weg entscheiden, wie @user166390 in den Kommentaren sagte.
Der Grund, warum ich diesen Beitrag nekromant habe, ist, dass ich eine solche Implementierung brauchte.

Heutzutage können wir verwenden Object.assign (Credits für die @SayanPal-Lösung) & ES6-Syntax:

class Person {
  constructor(obj) {
    obj && Object.assign(this, obj);
  }

  getFullName() {
    return `${this.lastName} ${this.firstName}`;
  }
}

Verwendungszweck:

const newPerson = new Person(person1)
newPerson.getFullName() // -> Freeman Gordon

ES5-Antwort unten

function Person(obj) {
    for(var prop in obj){
        // for safety you can use the hasOwnProperty function
        this[prop] = obj[prop];
    }
}

Verwendungszweck:

var newPerson = new Person(person1);
console.log(newPerson.getFullName()); // -> Freeman Gordon

Unter Verwendung einer kürzeren Version, 1,5 Liner:

function Person(){
    if(arguments[0]) for(var prop in arguments[0]) this[prop] = arguments[0][prop];
}

jsfiddle

Nein.

Aber wenn Sie Ihre behandeln möchten person1 Objekt, als wäre es a Personkönnen Sie Methoden aufrufen Person‘s Prototyp auf person1 mit call:

Person.prototype.getFullNamePublic = function(){
    return this.lastName + ' ' + this.firstName;
}
Person.prototype.getFullNamePublic.call(person1);

Dies funktioniert jedoch offensichtlich nicht für privilegierte Methoden, die innerhalb des Person-Konstruktors erstellt wurden – wie Ihre getFullName Methode.

Dies ist nicht gerade eine Antwort, sondern ich teile eher meine Ergebnisse und bekomme hoffentlich ein kritisches Argument dafür / dagegen, da ich mir nicht bewusst bin, wie effizient es ist.

Ich musste dies kürzlich für mein Projekt tun. Ich habe das mit gemacht Object.assigngenauer gesagt wird es so gemacht:Object.assign(new Person(...), anObjectLikePerson).

Hier ist der Link zu meiner JSFiddleund auch der Hauptteil des Codes:

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;

  this.getFullName = function() {
    return this.lastName + ' ' + this.firstName;
  }
}

var persons = [{
  lastName: "Freeman",
  firstName: "Gordon"
}, {
  lastName: "Smith",
  firstName: "John"
}];

var stronglyTypedPersons = [];
for (var i = 0; i < persons.length; i++) {
  stronglyTypedPersons.push(Object.assign(new Person("", ""), persons[i]));
}

Dies entlehnt sich einigen anderen Antworten hier, aber ich dachte, es könnte jemandem helfen. Wenn Sie die folgende Funktion für Ihr benutzerdefiniertes Objekt definieren, haben Sie eine Factory-Funktion, an die Sie ein generisches Objekt übergeben können, und die eine Instanz der Klasse für Sie zurückgibt.

CustomObject.create = function (obj) {
    var field = new CustomObject();
    for (var prop in obj) {
        if (field.hasOwnProperty(prop)) {
            field[prop] = obj[prop];
        }
    }

    return field;
}

Verwenden Sie so

var typedObj = CustomObject.create(genericObj);

Dies ist nur eine Zusammenfassung der Antwort von Sayan Pal in kürzerer Form im ES5-Stil:

var Foo = function(){
    this.bar = undefined;
    this.buzz = undefined;
}

var foo = Object.assign(new Foo(),{
    bar: "whatever",
    buzz: "something else"
});

Ich mag es, weil es der sehr ordentlichen Objektinitialisierung in .Net am nächsten kommt:

var foo = new Foo()
{
    bar: "whatever",
    ...

Das hat bei mir funktioniert. Es ist einfach für einfache Objekte.

class Person {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
  getFullName() {
    return this.lastName + " " + this.firstName;
  }

  static class(obj) {
    return new Person(obj.firstName, obj.lastName);
  }
}

var person1 = {
  lastName: "Freeman",
  firstName: "Gordon"
};

var gordon = Person.class(person1);
console.log(gordon.getFullName());

Ich habe auch nach einer einfachen Lösung gesucht, und das ist mir auf der Grundlage aller anderen Antworten und meiner Recherchen eingefallen. Grundsätzlich hat die Klasse Person einen anderen Konstruktor namens “Klasse”, der mit einem generischen Objekt des gleichen “Formats” arbeitet wie Person. Ich hoffe, das könnte auch jemandem helfen.

Hier haben Sie einen Weg, wenn Sie möchten. 1. Erstellen Sie ein Objekt mit allen gewünschten Eigenschaften. Rufen Sie dann dieses Objekt mit Ihren benutzerdefinierten Werten auf. Hier ist der Link zu JSFiddleund auch der Hauptteil der

 function Message(obj) {
  this.key = Date.now();
  this.text = "";
  this.type = "client";
  this.status = 0;
  this.senderID = "";
  this.name = "";
  this.photoURL = "";
  this.metaData = [];
  this.time = new Date().toISOString();
  
  for (var prop in obj) {
    if (this.hasOwnProperty(prop)) {
      this[prop] = obj[prop];
    }else{
        this.metaData = [ ...this.metaData, {[prop]: obj[prop]} ];
    }
  }
}

 const getAllMessages = function (messages=[]) {
  var newMessages = [];
  for (var i = 0; i < messages.length; i++) {
    newMessages.push(new Message(messages[i]));
  }
  return newMessages;
};

var messages = [{
  name: "Jhon",
  text: "Hello 1"
}, {
  name: "Smith",
  text: "Hello 2",
  meta1: "meta data 1"
}];

console.log("single Instances", new Message(messages[0]));

console.log("Multiple Instances",getAllMessages(messages));