Heim  >  Artikel  >  Web-Frontend  >  So konvertieren Sie ein Objekt in Javascript in ein Array

So konvertieren Sie ein Objekt in Javascript in ein Array

青灯夜游
青灯夜游Original
2021-11-19 17:28:0930138Durchsuche

Konvertierungsmethode: 1. Definieren Sie ein leeres Array. 2. Verwenden Sie die Anweisung „for (let i in obj){}“, um das Objekt zu durchlaufen. 3. Verwenden Sie im Schleifenkörper die Funktion push(), um das Objekt zu speichern Elemente in das Array. Syntax „let o = [];o[i] = obj[i];arr.push(o);“.

So konvertieren Sie ein Objekt in Javascript in ein Array

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

So konvertieren Sie beispielsweise ein Objekt {'Unfinished':5, 'Completed':8, 'To be bestätigt':4, 'Cancelled':6} in [{ "Unvollständig":5},{"Abgeschlossen":8},{"Zu bestätigen":4},{"Abgebrochen":6}]. {‘未完成’:5, ‘已完成’:8, ‘待确认’:4, ‘已取消’:6}转化为[{“未完成”:5},{“已完成”:8},{“待确认”:4},{“已取消”:6}]

对象的两种取值方式

我们都知道,JS中对象有两种取值方式,通过在.后面直接加属性名取值,这也是我们最常使用的一种方式,例如:

let obj = {name: 'yang'};
console.log(obj.name);  //yang

这是最普通的一种方式,还有一种方式我们用的不太多,就是使用[]包住属性名取值,类似于数组那样,例如:

let obj = {name: 'yang'};
console.log(obj[‘name’]);  //yang

这里要注意一点的是中括号里面的要么是变量,要么是字符串
那二者之前有什么区别呢,如果对于一个已知的对象来说,几乎是没什么区别的。

将对象转化为数组

首先看我们的例子

let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};
//将obj转化为
[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]

1、目标数组只是为了得到对象的key的集合或者value的集合

var arr = [];
for (let i in obj) {
    arr.push(i);        //key
    //arr.push(obj[i]); //值
}
console.log(arr);

2、按我们之前提到的例子转化为数组对象,只需要改变一下push进去的内容为一个对象即可

var arr = [];
for (let i in obj) {
    let o = [];
    o[i] = obj[i];
    arr.push(o);
}
console.log(arr);

So konvertieren Sie ein Objekt in Javascript in ein Array

最后说一下for (let i in obj){}

Zwei Möglichkeiten, Werte für Objekte abzurufen

Wir alle wissen, dass es zwei Möglichkeiten gibt, Werte für Objekte in JS abzurufen. Sie können den Wert erhalten, indem Sie den Attributnamen direkt danach hinzufügen., Dies ist auch die am häufigsten verwendete Methode, zum Beispiel:

rrreee Dies ist die am häufigsten verwendete Methode. Es gibt eine andere Methode, die wir nicht allzu oft verwenden, nämlich die Verwendung von [], um den abzurufenden Attributnamen zu umschließen der Wert, ähnlich einem Array, zum Beispiel: rrreee

Hier ist zu beachten, dass das, was in den eckigen Klammern steht, entweder eine Variable oder eine Zeichenfolge ist
Was ist also der Unterschied zwischen den beiden? Bei einem bekannten Objekt gibt es fast keinen Unterschied. 🎜

Konvertieren Sie Objekte in Arrays

🎜Schauen Sie sich zunächst unser Beispiel an🎜rrreee🎜1 Das Zielarray dient nur dazu, den Satz von Schlüsseln oder Werten des Objekts zu erhalten🎜rrreee🎜2 Folgen Sie unserem Beispiel zuvor erwähnt Um es in ein Array-Objekt umzuwandeln, müssen Sie nur den Push-Inhalt in ein Objekt ändern🎜rrreee🎜So konvertieren Sie ein Objekt in Javascript in ein Array🎜🎜Schließlich for (let i in obj){}, wird diese Methode hauptsächlich zum Durchlaufen von Objekten verwendet in ist ein Objekt, i ist der Schlüssel. 🎜🎜【Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜】🎜

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein Objekt in Javascript in ein Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn