YUI Library Home

YUI Library Examples: YAHOO Global Object: Combining Simple Data Sets with YAHOO.lang.merge

YAHOO Global Object: Combining Simple Data Sets with YAHOO.lang.merge

YAHOO.lang.merge allows you to combine any number of input objects and output a single merged set.

Click the Merge button to generate the merged set.

set1 = { foo : "foo" };
set2 = { foo : "BAR", bar : "bar"  };
set3 = { foo : "FOO", baz : "BAZ" };

result

click Merge

YAHOO.lang is packaged with the YAHOO Global Object

YAHOO.lang comes bundled with the YAHOO Global Object.

1<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo/yahoo-min.js"></script> 
view plain | print | ?

If you are using any other YUI component on your page, you should already have YAHOO.lang available.

Merging hash tables

In the example illustrated above, we merge three object literals in the form of hash tables. Note the key values in later parameters override those in previous parameters.

1YAHOO.namespace('example'); 
2 
3YAHOO.example.set1 = { foo : "foo" }; 
4YAHOO.example.set2 = { foo : "BAR", bar : "bar" }; 
5YAHOO.example.set3 = { foo : "FOO", baz : "BAZ" }; 
6 
7YAHOO.example.doMerge = function () { 
8    var Ye = YAHOO.example; 
9 
10    var merged = YAHOO.lang.merge(Ye.set1, Ye.set2, Ye.set3); 
11 
12    // Output the stringified version of merged 
13    var result = YAHOO.util.Dom.get('demo_result'); 
14    result.innerHTML = YAHOO.example.stringifyObj(merged); 
15} 
16 
17YAHOO.util.Event.on('demo_btn','click',YAHOO.example.doMerge); 
view plain | print | ?

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.

YUI Logger Output:

Logger Console

INFO 0ms (+0) 6:39:06 AM:
global
Logger initialized

More YAHOO Global Object Resources:

Copyright © 2009 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings