jquery extend - tableau d'objets

Question

Dites que j'ai un objet Form ayant un tableau d'objets Tab.

var Tab = function (options) { 
    return ($jQuery.extend(true, { 
     id: 'foo', 
     title: 'Foo' 
    }, options)); 
} 

var Form = function (options) { 
    return ($jQuery.extend(true, { 
     id: 'foo', 
     tabs: [new Tab()] 
    }, options)); 
} 

Je peux utiliser ceci:

var myForm = new Form({tabs: [new Tab({id: 'bar'}), new Tab({title: 'Bar'}), new Tab({id: 'bar', title: 'Bar'})]}); 

Pour obtenir:

myForm.tabs[0] => {id: 'bar', title: 'foo'} 
myForm.tabs[1] => {id: 'foo', title: 'Bar'} 
myForm.tabs[2] => {id: 'bar', title: 'Bar'} 

Mais est-il possible de faire en quelque sorte ceci:

var myForm = new Form({tabs: [{id: 'bar'}, {title: 'Bar'}, {id: 'bar', title: 'Bar'}]}); 

et obtenir le même résultat ?

Answer 1

Vous pouvez faire une boucle sur les onglets et vérifier s'ils sont un objet Tab, par ex. (Non testé ):

var Form = function (options) { 
    if(options && options.tabs) { 
     var tabs = options.tabs; 
     for(var i = 0, l = tabs.length; i < l; ++i) { 
      if(!(tabs[i] instanceof Tab)) { 
       tabs[i] = new Tab(tabs[i]); 
      } 
     } 
    } 

    return ($jQuery.extend(true, { 
     id: 'foo', 
     tabs: [new Tab()] 
    }, options)); 
} 

Référence: instanceof