Ajouter plusieurs attributs à un objet js

Je veux ajouter plusieurs attributs d'un objet existant avec les attributs existants. Est-il une manière plus concise qu'une ligne par nouvel attribut?

myObject.name = 'don';
myObject.gender = 'male';

Tout sur MDN montre comment faire de nouveaux objets avec support de la notation, mais pas les objets existants: https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Working_with_Objects

Vous pourriez faire une fonction qui reçoit un objet et un objet avec les nouveaux objets/valeurs, et énumère le nouvel objet, la mise à jour de l'ancien. Ça va être un peu plus concis. update(obj, {name:"don", gender:"male"})

OriginalL'auteur Don P | 2013-05-07

De Comment puis-je fusionner les propriétés de deux objets JavaScript de façon dynamique?

var obj2 = {name: 'don', gender: 'male'};
for (var attrname in myobject) { myobject[attrname] = obj2[attrname]; }

MODIFIER

À être un peu plus clair sur la façon dont vous pouvez étendre Objet pour utiliser cette fonction:

//Extend the protype so you can make calls on the instance
Object.prototype.merge = function(obj2) {
    for (var attrname in obj2) {
        this[attrname] = obj2[attrname];
    }
    //Returning this is optional and certainly up to your implementation.  
    //It allows for nice method chaining.
    return this;
};
//Append to the object constructor function so you can only make static calls
Object.merge2 = function(obj1, obj2) {
    for (var attrname in obj2) {
        obj1[attrname] = obj2[attrname];
    }
    //Returning obj1 is optional and certainly up to your implementation
    return obj1;
};

Utilisation:

var myObject1 = { One: "One" };
myObject1.merge({ Two: "Two" }).merge({ Three: "Three" });
//myObject1 is { One: "One", Two: "Two", Three: "Three", merge: function }


var myObject2 = Object.merge2({ One: "One" }, { Two: "Two" });
Object.merge2(myObject2, { Three: "Three" });
//myObject2 is { One: "One", Two: "Two", Three: "Three" }

Remarque: Vous avez certainement pu mettre en œuvre un flexible de conflit de fusion de la stratégie en fonction de vos besoins.

bonne réponse, mais c'est un hack et ES6/ ES2015 a une meilleure option mentionné ci-dessous.

OriginalL'auteur Steven Wexler

Dans l'ES6/ES2015 vous pouvez utiliser l'Objet.méthode assign

let obj = {key1: true};
console.log('old obj: ', obj);
let newObj = {key2: false, key3: false};

Object.assign(obj, newObj);
console.log('modified obj: ', obj);

OriginalL'auteur Ed Barahona

Parfois, je le fais comme ceci:

var props = {
   name : 'don',
   gender : 'male',
   age : 12,
   other : false
};
for(var p in props) myObject[p] = props[p];

OriginalL'auteur letiagoalves

3

Utiliser la bibliothèque jQuery
```
jQuery.extend(myObject, { name : 'don', gender : 'male' });
```
Ne pouvez pas utiliser jQuery malheureusement. (Comme majorly malheureux) Bien que cela semble super propre...
Cette question n'est pas étiqueté jquery.
jQuery juste pour l'extension d'un objet est stupide.

OriginalL'auteur zavg
3

Dans ECMAscript 5, vous pouvez nous faire de defineProperties:
```
Object.defineProperties(myobject, {  
  name: {  
    value: 'don' 
  },  
  gender: {  
    value: 'male' 
  }  
});
```
Malheureusement, cette syntaxe est assez verbeux, ce qui rend encore plus long que l'original, OP espère rationaliser.
Ouais, je suppose que vous avez raison, cela a plus à utiliser lorsque vous voulez vous protéger contre la mutation de vos objets. Hehe,j'ai toujours le faire... =P
Je suis d'accord. C'est une fonctionnalité intéressante, juste maladroit.
Aussi la peine de vérifier l'ECMAScript v5 compatibilité du navigateur en fonction de votre public cible - kangax.github.io/es5-compat-table - dans ce cas, rien en dessous de IE9.

OriginalL'auteur JimmyRare

Vous devez vous connecter pour publier un commentaire.