So fügen Sie einem Array ein Objekt hinzu

Wie kann ich einem Array ein Objekt hinzufügen (in Javascript oder JQuery)? Was ist beispielsweise das Problem mit diesem Code?

function(){
    var a = new array();
    var b = new object();
    a[0]=b;
}

Ich möchte diesen Code verwenden, um viele Objekte im Array von function1 zu speichern und function2 aufzurufen, um das Objekt im Array zu verwenden.

1. Wie kann ich ein Objekt in einem Array speichern?
2. Wie kann ich ein Objekt in ein Array einfügen und in einer Variablen speichern?

Fügen Sie mit Array.push () alles in ein Array ein.

var a=[], b={};
a.push(b);    
// a[0] === b;

Zusätzliche Informationen zu Arrays

Fügen Sie mehrere Elemente gleichzeitig hinzu

var x = ['a'];
x.push('b', 'c');
// x = ['a', 'b', 'c']

Fügen Sie Elemente am Anfang eines Arrays hinzu

var x = ['c', 'd'];
x.unshift('a', 'b');
// x = ['a', 'b', 'c', 'd']

Fügen Sie den Inhalt eines Arrays einem anderen hinzu

var x = ['a', 'b', 'c'];
var y = ['d', 'e', 'f'];
x.push.apply(x, y);
// x = ['a', 'b', 'c', 'd', 'e', 'f']
// y = ['d', 'e', 'f']  (remains unchanged)

Erstellen Sie ein neues Array aus dem Inhalt von zwei Arrays

var x = ['a', 'b', 'c'];
var y = ['d', 'e', 'f'];
var z = x.concat(y);
// x = ['a', 'b', 'c']  (remains unchanged)
// y = ['d', 'e', 'f']  (remains unchanged)
// z = ['a', 'b', 'c', 'd', 'e', 'f']

var years = [];
for (i= 2015;i<=2030;i=i+1)
{
years.push({operator : i})
}

Hier haben Array-Jahre Werte wie

years[0]={operator:2015}
years[1]={operator:2016}

es geht so weiter.

Erstens gibt es kein objectoder array. Es gibt Objectund Array. Zweitens können Sie das tun:

a = new Array();
b = new Object();
a[0] = b;

Jetzt awird ein Array mit bals einzigem Element sein.

Mit der ES6Notation können Sie Folgendes tun:

Zum Anhängen können Sie den Spread-Operator wie folgt verwenden:

var arr1 = [1,2,3]
var obj = 4
var newData = [...arr1, obj] // [1,2,3,4]
console.log(newData);

• Bei JavaScript wird zwischen Groß- und Kleinschreibung unterschieden . Calling new array()und new object()wird ein werfen, ReferenceErrorda sie nicht existieren.
• Es ist besser zu vermeiden, new Array()da es fehleranfällig ist .
  Weisen Sie stattdessen das neue Array mit zu = [val1, val2, val_n]. Verwenden Sie für Objekte = {}.
• Es gibt viele Möglichkeiten , wenn es um ein Array zu erstrecken kommt (wie in Johns gezeigt Antwort ) , aber der sicherste Weg wäre einfach zu verwenden , concatstatt push. concatGibt ein neues Array zurück und lässt das ursprüngliche Array unberührt. pushmutiert das aufrufende Array, was vermieden werden sollte , insbesondere wenn das Array global definiert ist.
• Es ist auch eine gute Praxis, das Objekt sowie das neue Array einzufrieren , um unbeabsichtigte Mutationen zu vermeiden. Ein gefrorenes Objekt ist weder veränderlich noch erweiterbar (flach).

Wenn Sie diese Punkte anwenden und Ihre beiden Fragen beantworten, können Sie eine Funktion wie die folgende definieren:

function appendObjTo(thatArray, newObj) {
  const frozenObj = Object.freeze(newObj);
  return Object.freeze(thatArray.concat(frozenObj));
}

Verwendungszweck:

// Given
const myArray = ["A", "B"];
// "save it to a variable"
const newArray = appendObjTo(myArray, {hello: "world!"});
// returns: ["A", "B", {hello: "world!"}]. myArray did not change.

Erweiterung der Antwort von Gabi Purcaru um eine Antwort auf Nummer 2.

a = new Array();
b = new Object();
a[0] = b;

var c = a[0]; // c is now the object we inserted into a...

obejctist eindeutig ein Tippfehler. Aber beide objectund arraybrauchen Großbuchstaben.

Sie können kurze Hände für verwenden new Arrayund new Objectdiese sind []und{}

Sie können Daten mit in das Array übertragen .push. Dies fügt es am Ende des Arrays hinzu. oder Sie können einen Index festlegen, der die Daten enthält.

function saveToArray() {
    var o = {};
    o.foo = 42;
    var arr = [];
    arr.push(o);
    return arr;
}

function other() {
    var arr = saveToArray();
    alert(arr[0]);
}

other();

Auf alternative Antwort ist dies.

Wenn Sie und Array wie folgt haben: var contacts = [bob, mary];

Wenn Sie ein anderes Array in dieses Array einfügen möchten, können Sie dies folgendermaßen tun:

Deklarieren Sie den Funktionskonstruktor

function add (firstName,lastName,email,phoneNumber) {
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.phoneNumber = phoneNumber;
}

Machen Sie das Objekt aus der Funktion:

var add1 = new add("Alba","Fas","[email protected]","[098] 654365364");

und fügen Sie das Objekt dem Array hinzu:

contacts[contacts.length] = add1;

a=[];
a.push(['b','c','d','e','f']);

So habe ich den Objektersteller mit der automatischen Liste erstellt:

var list = [];

function saveToArray(x) {
    list.push(x);
};

function newObject () {
    saveToArray(this);
};

Wenn Sie Ihren Code als solchen verwenden, tritt ein Bereichsproblem auf. Sie müssen es außerhalb der Funktionen deklarieren, wenn Sie es zwischen ihnen verwenden möchten (oder wenn Sie es aufrufen, übergeben Sie es als Parameter).

var a = new Array();
var b = new Object();

function first() {
a.push(b);
// Alternatively, a[a.length] = b
// both methods work fine
}

function second() {
var c = a[0];
}

// code
first();
// more code
second();
// even more code