Heim > Web-Frontend > js-Tutorial > So fügen Sie einem Objekt in js ein Array hinzu

So fügen Sie einem Objekt in js ein Array hinzu

亚连
Freigeben: 2018-06-19 16:34:39
Original
12870 Leute haben es durchsucht

Im Folgenden werde ich Ihnen eine js-Methode vorstellen, mit der Sie auf einfachste Weise Array-Elemente zu Objekten hinzufügen können. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

wie folgt:

//如题,通常做法就是循环数组,最后在添加length属性,如:

 
var obj = {}; 
 var pushArr = [11,22,33,44,55,66];
 for(var i=0;i<pushArr.length;i++) {
  obj[i] = pushArr[i];
 }
 obj.length = pushArr.length;

 console.log(obj); //{0:11,1:22,2:33,3:44,4:55,5:66,length:6}
Nach dem Login kopieren

Einfacher Weg:

//js将数组元素添加到对象中(或 数组转换成对象)有个小技巧:

var obj = {}; 
[].push.apply(obj,[11,22,33,44,55,66]);

console.log(obj); //{0:11,1:22,2:33,3:44,4:55,5:66,length:6}

由于obj是个对象没有像数组的push()方法,所以利用数组的push()以及apply()的特性来将数组作用于push()并修改当前的引用。 有较严重的代码洁癖的患者可以使用这个方法。
Nach dem Login kopieren

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So erstellen Sie Electron-Anwendungen in Webpack

Probleme mit unsicheren Bildpfaden mit Angular4

So implementieren Sie den Kreuzkoordinaten-Folge-Maus-Effekt in JS

So verwenden Sie das EasyUI-Fenster in jQuery

Wie So verwenden Sie das Datums-Plug-in „laydate.js“ in Angular4.0

So implementieren Sie die Beschriftungs-Scroll-Umschaltung in JS

So implementieren Sie Bilder in JS Centered Suspension Effect

Fragen zur Webpack3-Beschleunigungsoptimierung in Vue-Cli

So implementieren Sie einen zusammenklappbaren Baum in Vue.js Formmenü

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage