javascript - 复杂数据作为可选的 JavaScript 函数参数

Question

我想编写一个javascript函数，它可以接受可变数量的参数，并且这些参数应该是具有结构的东西。 让我们举个例子:

该函数将在页面内注入(inject)一些 HTML，并且该 HTML 必须为传递给函数的每个元素重复

让我们假设:

element1 = {name:"john",image:"/john.jpg"}
element2 = {name:"jack",image:"/jack01.jpg"}
element3 = {name:"Linda",image:"/001.jpg"}

option1 = [element1,element2]
option2 = [element1,element2,element3]

function injectPeople (opt){
  i=0
  foreach opt {
    inject opt[i].name;
    injectelsewhere opt[i].image
  i++
}

}

我想按如下方式调用该函数:

injectPeople (option1);

或

injectPeople (option2);

否则

injectPeople ();

它不会注入(inject)任何东西。

有没有一种干净的方法来实现这一目标？对象和数组是最好的方法吗？

PS:标题有点奇怪，但我没有找到更好的方法来描述它，请随意编辑它以使问题更清楚。

Answer 1

这是您需要的吗？

var elements = [{name:"john",image:"/john.jpg" },   
                {name:"jack",image:"/jack01.jpg"},
                {name:"Linda",image:"/001.jpg"}],
    option1 = elements.slice(1, elements.length),
    option2 = elements;

function injectPeople (opts){

    if(!opts) throw new ReferenceError('opts not defined');

    $.each(opts, function(i, v){
        //do inject stuff
        console.log(v.name, v.image);
    });    
}

injectPeople(option1);

http://jsfiddle.net/sWB64/