Nested Objects

Nested objects are objects created inside another object. So, the property of an object (it's value) can be an Array or even another object.
Let's see an example:.

// Create a main object "Courses", with 2 properties:"type" and "site", and a method "getCourse()"
// The first property, "type", will have as value an Array with 2 elements
// The second property "site", will have as value another object, which will have a property "url"
// The method "getCourse()" will use an element from the array in "type" property,
// and the property of the nested object

var Courses = new Object();
 Courses.type = ['lessons', 'tutorials'];         // property with an Array value
 Courses.site = new Object();              // property which contains a nested object
   Courses.site.url = 'coursesweb.net';         // property of the nested object
 Courses.getCourse = function(nr:int) {           // Method of the main object
   var sir1 = this.tip[nr];               // uses a value from the "type" property
   var sir2 = this.site.url;           // uses the value of the "url" property (of the nested object)
   return sir1+ ' - '+ sir2
 };

// Displays in Output the result returned by calling the method "getCourse()"
trace(Courses.getCourse(1));           // tutorials - coursesweb.net
- The property "site" is defined as a sub-object in the main object (Courses);
- Notice the expression used to call the property of the nested object "this.site.url", it accesses the "url" property which is defined in the "site" (the sub-object). "this" represents the current object in which the expression is added.
- The expression "Courses.getCourse(1)" calls the "getCourse()" method and passes it the value of 1. The method uses this argument to get an element of the array in the "type" property, "this.tip[nr]".

Traverse objects

You can traverse the elements of an object the same way as when traversing an associative Array, with the instruction "for..in" or "for each..in".
Study the following example, and the comments in code.

Example with for..in

// define aunction to traverse objects
// Takes 2 arguments: "obj" for the object which will be traversed, and "val" for the value that must be searched in it
function parsObj(obj:Object, val:*):String
{
  // define a variable to store the value returned by this function
  var re:String = 'no prop';

  // defina a "for..in" loop to traverse "obj"
  for(var key:String in obj)
  {
    // If the value of the current element is the same as the value of "val"
    // adds in "re" the name of that property and stops the loop
    if(obj[key]==val)
    {
      re = key;
      break;
    }
  }

  return re;
}

// Define object with 2 properties ("courses", "tutorials") and a method "Sum()"
var anObject:Object = new Object();
 anObject.course = 'Flash';
 anObject.tutorial = 'AS3';
 anObject.Sum = function(a:Number, b:Number):Number {
    return a+b;
  }

// Call the function "parsObj()", passing the object and value 'AS3'
trace(parsObj(anObject, 'AS3'));        // tutorial
- The "for(var key:String in obj)" loop stores in "key" the current property of the "obj", then, the "if(obj[key]==val)" checks if the value of this property is the same as the value of "val".
- The "re" variable is defined with an initial value, to be returned in case the "if()" instruction doesn't find a value to match the "val". The code above will display in output the string "tutorial".

Example with "for each..in"

// Define object with 2 properties ("courses", "tutorials") and a method "Sum()"
var anObject:Object = new Object();
 anObject.course = 'Flash';
 anObject.tutorial = 'ActionScript 3';
 anObject.Sum = function(a:Number, b:Number):Number {
    return a+b;
  }

// defina a "for each..in" loop to traverse "anObject"
// Displays in Output the value of each element
for each(var elm:* in anObject)
{
  trace(elm);
}
This example will show in Output:
function Function() {}
ActionScript 3
Flash

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Nested Objects - Traverse object

Last accessed pages

  1. Multiple Select Dropdown List with AJAX (15558)
  2. Moving html element to a random direction (84)
  3. XHTML References - Old (15)
  4. Star shapes with CSS (4464)
  5. Get and Modify content of an Iframe (12618)

Popular pages this month

  1. Read Excel file data in PHP - PhpExcelReader (387)
  2. Register and show online users and visitors (355)
  3. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (327)
  4. Insert, Select and Update NULL value in MySQL (256)
  5. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (254)