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");

原文地址:https://www.cnblogs.com/forlong/p/8455721.html

时间: 2024-10-12 14:25:59

JavaScript 对象,数组等传参的相关文章

Javascript 之《函数传参到底是值传递还是引用传递》

前言 这个问题其实困惑了我好久,但是在实际使用中总是得过且过,不想去深究.由于这种态度,在学习 Javascript 过程中,水平一直都是出于半桶水状态,很多概念和原理似懂非懂,模糊不清. 所以,写了一系列的<Javascript 之 ...>就是为了端正态度,认真地研究一下 Javascript 的特性和原理,夯实基础. 今天,这一篇探究的是函数传参的问题:函数传参到底是传值还是传的引用? 1.如果是引用传递 var name = 'JS'; function changeName(name

Date对象,封闭空间,函数传参和封装,获取非行间样式,字符串操作

一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1  获取月份( 0-11)----->1-12 oDate.getDate()  获取日 1-31 oDate.getHours() 获取小时 oDate.getMinutes() 获取分 oDate.getSeconds() 获取秒 oDate.getMilliseconds();   //毫秒 oDate.getDay() 获取星期几 0-6     0:星期天 例:数码时钟

js 日期对象Date以及传参

创建一个日期对象,日期对象可传参new Date() 创建日期对象getFullYear() 获取年份 getMonth() 获取月份 返回值是 0(一月) 到 11(十二月) 之间的一个整数 getDate() 获取日期(多少号) getDay() 获取星期数 返回值是 0(周日) 到 6(周六) 之间的一个整数. getHours() 获取小时 返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数 getMinutes() 获取分钟数 返回值是 0 ~ 59 之间的一个整数 g

javascript对象数组的二维比较和插入

最近遇到需要在一个对象数组中插入新对象,并且按年.月降序排序,要是直接push进新对象然后进行排序的话当然可以,这里是另一种做法,直接比较数组元素,只有一个for循环并且不需要完整运行,时间小于或等于O(n). <html> <body> <script type="text/javascript"> var arr = [{y:2014,m:10},{y:2014,m:7},{y:2014,m:1},{y:2013,m:7},{y:2013,m:1

Ajax 向后台提交一个 JavaScript 对象数组?

var postArray= new Array(); var temp = new Object(); temp.id='1'; temp.name='test'; postArray.push(temp); $.ajax({ url:"url", type:'post', data:{data:JSON.stringify(postArray)}, success:function(data) { //对date做处理 } }); 把对象数组转换成json,然后后台在把json转换

函数中对象名的传参形式

1. function setNumber($this,g,d,url){ var gid = $this.parent().attr("data-id"); var eids = $("#hidden").text(); var params = {}; params[g] = gid; //传参 params[d] = eidsl;//传参 if(eids==""){ layer.alert("勾选项为空,请选择"); r

网站前端_JavaScript.0008.JavaScript对象数组

对象简介: 说明: 类/类型是一种数据结构,用于将数据和功能组织在一起,虽然Js是一种面向对象的语言,却不具备传统面向对象那样可以自定义类结构 对象相关: 说明: Object实例虽然不具备多少功能但对于应用程序中的存储和传输数据而言,确实是非常理想的选择 // 创建对象 //          - 第一种方式 var newObj = new Object() //          - 第二种方式 var newObj = new Object //          - 第三种方式 var

对JavaScript对象数组按指定属性和排序方向进行排序

引子 在以数据为中心的信息系统中,以表格形式展示数据是在常见不过的方式了.对数据进行排序是必不可少的功能.排序可以分为按单个字段排序和按多个字段不同排序方向排序.单字段排序局限性较大,不能满足用户对数据的关注点变化的需求,而多字段排序就可以较好的弥补这个缺陷. 多字段排序,实现的方式从大的层面上可以分为后端实现和前端实现. 后端排序 后端实现排序可以在数据库层面实现或者在应用程序层面实现. 数据库层面实现多字段排序非常简单,使用SQL的排序指令“Order By”即可——Order By fie

原生JavaScript对象数组去重,重构为对象{pro1:[hash], pro02: [hash]}

function unique(objArr) { var result = {}; var proObj = objArr[0]; for(var pro in proObj){ var hash = []; for(var i = 0; i < objArr.length; i++){ var obj = objArr[i]; for(var pros in obj){ if(pros === pro){ var val = obj[pros]; if(!hash[val]){ var va