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 = new Object();              // property which contains a nested object = '';         // 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 =;           // 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 -
- 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 "", 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 "" or "for".
Study the following example, and the comments in code.

Example with

// 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 "" 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
	    re = key;

  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"

// 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" loop to traverse "anObject"
// Displays in Output the value of each element
for each(var elm:* in anObject)
This example will show in Output:
function Function() {}
ActionScript 3

Daily Test with Code Example

Which tag is used to include external CSS file in web page?
<body> <script> <link>
<link href="/templ/style.css" rel="stylesheet" type="text/css" />
Which CSS property sets the text size?
font-weight text-decoration font-size
h2 {
  font-size: 1em;
Indicate the JavaScript property that can add HTML code into an element.
text value innerHTML
document.getElementById("someID").innerHTML = "HTML content";
Click on the function that returns the number of characters of a string in PHP.
count() strlen() stristr()
$str = "";
$nr_chr = strlen($str);
echo $nr_chr;       // 22
Nested Objects - Traverse object

Last accessed pages

  1. List with All the Games (5751)
  2. jQuery ajax() method (12016)
  3. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (924)
  4. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (53443)
  5. The Rise Of Atlantis (6820)

Popular pages this month

  1. Bubbles3 (4787)
  2. Butterfly Kyodai (3587)
  3. Zuma Deluxe (2934)
  4. Backgammon (1741)
  5. Qwop (1741)