JavaScript - Objektorientierte Programmierung

Objekte und Eigenschaften (Objects and Properties)

var theStatus = new Object;

Klassen

Beispiele

 var defaultBounds = new google.maps.LatLngBounds(
	new google.maps.LatLng(35.31, -11.95),
	new google.maps.LatLng(58.21, 41.74)

);

Tipps und Tricks

Durch Objekte Loopen

Bei Arrays kann man mit so einer Konstruktion arbeiten:

Beispiel durch JavaScript Arrays loopen

var x = array("eins","zwei","drei");
for (var i=0;i<x.length;i++)
{
	//mach was
}

Bei Objekten funktioniert das nicht. Allerdings enthalten Objekte implizit auch Arrays. So geht es nicht:

var x = document.images;
for (var i=0;i<x.length;i++)
{
	var theName = x[i].name;
	theStatus.theName = 'normal';
}

so gehts:

Beispiel Durch Objekte loopen

var x = document.images;
for (var i=0;i<x.length;i++)
{
  var theName = x[i].name;
  theStatus[theName] = 'normal';
}

Beispiel Schleife mit und ohne jQuery

function showObject(obj) {
  var result = "";
  for (var p in obj) {
    if( obj.hasOwnProperty(p) ) {
      result += p + " , " + obj[p] + "\n";
    } 
  }              
  return result;
}

Show objects with .each

function showObjectjQuery(obj) {
  var result = "";
  $.each(obj, function(k, v) {
    result += k + " , " + v + "\n";
  });
  return result;
}

Test it out

var test = { 
    'type' : 'news', 
    'name' : 'article1' 
};

showObject(test); 
// type , news name , article1
showObjectjQuery(test); 
// type , news name , article1

Quelle: https://coderwall.com/p/_kakfa/javascript-iterate-through-object-keys-and-values (2014/12)