1. 程式人生 > >JavaScript 對象,數組等傳參

JavaScript 對象,數組等傳參

ava wrap idt .get pan arguments tee end 引號

例:把人物信息的值傳入函數進行處理。
簡化為如下:
css部分
#wrap{
width: 100px;
background: #0f0;
}
HTML部分
<div id="wrap"></div>
JS部分
1.對象傳參
var oWrap = document.getElementById(‘wrap‘);
var objs1 = {
"name":"zack",
"age":"23",
"gender":"male"
}
// 或者參數名不帶引號也行
// * 註意標準的JSON格式是都帶雙引號的,用逗號隔開 *
// var objs1 = {
// name:"zack",
// age:"23",
// gender:"male"
// }
function fn1(obj){
var a = document.createElement("div");
var b = document.createElement("div");
var c = document.createElement("div");
oWrap.appendChild(a);
oWrap.appendChild(b);
oWrap.appendChild(c);
a.innerHTML = obj.name;
b.innerHTML = obj.age;
c.innerHTML = obj.gender;
}
fn1(objs1);

2.數組傳參
//註意參數順序
var objs2 = ["muler","25","male"];
function fn2(obj){
var a = document.createElement("div");
var b = document.createElement("div");
var c = document.createElement("div");
oWrap.appendChild(a);
oWrap.appendChild(b);
oWrap.appendChild(c);
a.innerHTML = obj[0];
b.innerHTML = obj[1];
c.innerHTML = obj[2];
}
fn2(objs2);

3.傳不定量參數
//用函數自帶的arguments代表了形參名
//調用時註意實參順序
function fn3(){
var a = document.createElement("div");
var b = document.createElement("div");
var c = document.createElement("div");
oWrap.appendChild(a);
oWrap.appendChild(b);
oWrap.appendChild(c);
a.innerHTML = arguments[0];
b.innerHTML = arguments[1];
c.innerHTML = arguments[2];
}
fn3("rosa","24","female");

JavaScript 對象,數組等傳參