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 相关文章推荐
实现JavaScript中继承的三种方式
Oct 16 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
Oct 11 Javascript
Vue组件实现触底判断
Jun 26 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
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
2011/10/23 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
Angular获取手机验证码实现移动端登录注册功能
2017/05/17 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
Vue 框架之动态绑定 css 样式实例分析
2018/11/14 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
layui 弹出删除确认界面的实例
2019/09/06 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
Python合并两个字典的常用方法与效率比较
2015/06/17 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
使用django-guardian实现django-admin的行级权限控制的方法
2018/10/30 Python
python实现flappy bird小游戏
2018/12/24 Python
Python递归实现打印多重列表代码
2020/02/27 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
Python实现Word文档转换Markdown的示例
2020/12/22 Python
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
医院门卫岗位职责
2013/12/30 职场文书
室内设计专业自荐信
2014/05/31 职场文书
预备党员转正材料
2014/12/19 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
安全先进个人材料
2014/12/29 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
护士心得体会范文
2016/01/25 职场文书