js中的关联数组与普通数组详解


Posted in Javascript onJuly 27, 2016
var privArr = [];
  privArr['staProjQueryGrid'] = [{
    btn_id : 'but_add',
    roles : ['2001','2005']
  }]
  
  console.log(privArr,privArr.staProjQueryGrid[0].btn_id)

第一行是定义一个数组priArr,第二行是给这个数组添加一个属性staProjQueryGird,这个属性值是一个数组。打印结果是  but_add

var unPrivArr = [];//创建一个空数组并赋给unPrivArr

unPrivArr['1000']=[];//往空数组unPrivArr内插入一个空数组,等价于 unPrivArr[1000]=[]

unPrivArr['1000']['aaa']={'but_check1':1,'but_check2':1};

//给上面插入的那个空数组添加一个名为aaa的属性(因为js里一切皆对 象,所以数组也是对象,可以添加属性和方法),属性值是一个新对象(即{'but_check1':1,'but_check2':1})。

这个和上面有很大区别。首先第二行如果[]里面是数字的话,那么就代表数组unPriArr第1001个元素也为一个空数组(暂时称为x),前1000个元素都是undifined,

如果是变量的话就是数组unPriArr的元素

第三行就是给x添加一个属性aaa,属性值是一个关联数组{'but_check1':1,'but_check2':1}

可以用x['but_check1']来获取对应的值

我又想 关联数组是不是给对象添加属性呢?

var unPrivArr = [];//创建一个空数组并赋给unPrivArr

unPrivArr['1000']=[];//往空数组unPrivArr内插入一个空数组,等价于 unPrivArr[1000]=[]

unPrivArr['1000']['aaa']={'but_check1':1,'but_check2':1};

console.log(unPrivArr[1000].aaa['but_check1'])

这个能正确输出结果1,或者用 unPrivArr[1000].aaa.but_check1也能输出结果,但是如果加引号就是错误的

如果第三行给{}里面的引号去掉,第四号就会报错,此时只能用 unPrivArr[1000].aaa.but_check1

以上这篇js中的关联数组与普通数组详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery toggle使用分析
Nov 16 Javascript
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
Javascript数组的排序 sort()方法和reverse()方法
Jun 04 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
探寻JavaScript中this指针指向
Apr 23 Javascript
JS中type="button"和type="submit"的区别
Jul 04 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
Dec 20 Javascript
three.js利用卷积法如何实现物体描边效果
Nov 27 Javascript
js实现简单五子棋游戏
May 28 Javascript
20分钟打造属于你的Bootstrap站点
Jul 27 #Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 #Javascript
js插件dropload上拉下滑加载数据实例解析
Jul 27 #Javascript
js 定义对象数组(结合)多维数组方法
Jul 27 #Javascript
js创建数组的简单方法
Jul 27 #Javascript
jQuery实现打开页面渐现效果示例
Jul 27 #Javascript
JavaScript中的this使用详解
Jul 27 #Javascript
You might like
批量修改RAR文件注释的php代码
2010/11/20 PHP
比较简单实用的PHP无限分类源码分享(思路不错)
2011/10/13 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
利用进制转换压缩数字函数分享
2014/01/02 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
web 前端常用组件之Layer弹出层组件
2016/09/22 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
原生js实现随机点名
2020/07/05 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Tornado 多进程实现分析详解
2018/01/12 Python
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
运动会邀请函范文
2014/01/31 职场文书
行政管理专业求职信
2014/07/06 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
与美同行演讲稿
2014/09/13 职场文书
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
HTML常用标签超详细整理
2022/03/19 HTML / CSS
PHP RabbitMQ消息列队
2022/05/11 PHP