JavaScript 对象,数组等传参

例:把人物信息的值传入函数进行处理。
简化为如下:
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");

posted @ 2018-02-20 19:43 王利r 阅读(...) 评论(...) 编辑 收藏