JavaScript 对象,数组等传参

Posted real

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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");
































































以上是关于JavaScript 对象,数组等传参的主要内容,如果未能解决你的问题,请参考以下文章

mysql表中的javascript多维数组-不知道那种对象对象是啥

document和javaScript内置对象

面试中的JavaScript之函数对象数组.md

javasc面向对象编程

04-JavaScript的操作

javascript es6 多维数组对象相同属性值{key:value}的求和