Dodawanie wielu atrybutów do istniejącego obiektu js

Question

Chcę dodać wiele atrybutów do istniejącego obiektu z istniejącymi atrybutami. Czy jest bardziej zwięzły niż jeden wiersz na nowy atrybut?

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

Wszystko o MDN pokazuje jak zrobić nowe obiekty notacji wspornika, ale nie istniejących obiektów: Biblioteka https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Working_with_Objects

Answer 1

Od How can I merge properties of two JavaScript objects dynamically?

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

EDIT

być nieco jaśniejsze o tym, jak można przedłużyć obiekt, aby korzystać z tej funkcji:

//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; 
}; 

Zastosowanie:

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" } 

Uwaga: Na pewno może wdrożyć elastyczną strategię konfliktów scalania w zależności od potrzeb .

Answer 2

użyć jQuery

jQuery.extend(myObject, { name : 'don', gender : 'male' }); 

Answer 3

Czasami robię to tak:

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

Answer 4

W ECMAScript 5 można zrobić nam defineProperties:

Object.defineProperties(myobject, { 
    name: { 
    value: 'don' 
    }, 
    gender: { 
    value: 'male' 
    } 
}); 

Answer 5

Sposób .push() pracował dla mnie na problem w klasie Uwalnia kod obozie . Nie wiem, czy jest to praktyczne w rzeczywistej aplikacji, ale zdało egzamin. Oto, co było w miejscu:

var myMusic = [ 
    { 
    "artist": "Billy Joel", 
    "title": "Piano Man", 
    "release_year": 1973, 
    "formats": [ 
     "CS", 
     "8T", 
     "LP" ], 
    "gold": true 
    }]; 

Oto co wszedłem:

myMusic.push({ 
    "artist": "Metallica", 
    "title": "Ride the Lightning", 
    "release_year" : 1984, 
    "formats": [ 
     "CS", 
     "8T", 
     "LP" ] 
    } // Add record here 
); 

Oto wynik wyświetlany że:

[ { 
    "artist": "Billy Joel", 
    "title": "Piano Man", 
    "release_year": 1973, 
    "formats": [ 
     "CS", 
     "8T", 
     "LP" ], 
    "gold": true 
    },{ 
    "artist": "Metallica", 
    "title": "Ride the Lightning", 
    "release_year" : 1984, 
    "formats": [ 
     "CS", 
     "8T", 
     "LP" ] 
    }] 

Answer 6

W ES6/ES2015 można wykorzystać Object.assign method

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

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