配列をfunctionに渡す方法

質問

画像プレロードのjQueryを書いているのですが、うまく動いてくれません。
最後の行の、preloadImg(preloadImgList);の箇所での渡し方が失敗しているのですが、
変数に入れた配列を、関数に渡すことはできないでしょうか。

preloadImg("a","b","c")というかたちにして、直接引数の部分を記述すると動作するのですが、配列の格納された変数にすると、1つの文字列として渡されるようなのです。

======================================
function preloadImg(){
for(var i = 0; i<arguments.length; i++){
$("<img>").attr("src", arguments[i]);
}
}

$('a.modal').each(function(){
preloadImgList.push($(this).attr('href'));
});

preloadImg(preloadImgList);
======================================

回答No.3

b0a0a

preloadImg(preloadImgList);
↓
preloadImg.apply(null,preloadImgList);

もしくは

function preloadImg(){
for(var i = 0; i<arguments.length; i++){
$("<img>").attr("src", arguments[i]);
}
}
↓
function preloadImg(list){
for(var i = 0; i<list.length; i++){
$("<img>").attr("src", list[i]);
}
}

回答No.2

Gotthold

preloadImgの処理を変えずに配列を渡したいならapplyメソッド使えばできるけど（preloadImg.apply(null,preloadImgList)みたいに）、
No1の言うようにpreloadImgを書き換えた方が良いと思う。

function preloadImg(list){
//配列listに帯する処理を記述
}

回答No.1

fujillin

少し勘違いなさっているようです。

＞配列の格納された変数にすると、1つの文字列として渡されるようなのです。

配列は配列としてひとつの引数でわたされます。（文字列になるわけではありません。）

＞preloadImg("a","b","c")というかたちにして、直接引数の部分を記述すると動作するのですが、

ご提示の関数は、preloadImg("a","b","c")のように複数の引数に対応するように作られていますから、配列aの値を処理できるように渡すとするなら、preloadImg(a[0], a[1], a[2], …)のように渡す必要があります。

preloadImg(a)として呼び出す場合は、関数側ではarguments[0]が配列を受け取ることになりますので、arguments[0].lengthに対してループするような処理にすれば、思うような結果が得られるでしょう。

とは言うものの、
＞　$("<img>").attr("src", arguments[i]);
だと、このループでは最後の引数の値だけ採用されることになりませんか？