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使用手册之 事件处理
Mar 24 Javascript
javascript div 弹出可拖动窗口
Feb 26 Javascript
javascript 去字符串空格终极版(支持utf8)
Nov 14 Javascript
date.parse在IE和FF中的区别
Jul 29 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
微信小程序 template模板详解及实例代码
Mar 09 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
axios封装与传参示例详解
Oct 18 Javascript
elementui实现预览图片组件二次封装
Dec 29 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
浅析is_writable的php实现
2013/06/18 PHP
ThinkPHP分页类使用详解
2014/03/05 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
一个php短网址的生成代码(仿微博短网址)
2014/05/07 PHP
PHP生成条形图的方法
2014/12/10 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
基于Python实现粒子滤波效果
2020/12/01 Python
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
马来西亚领先的在线礼品店:Giftr
2018/08/23 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
大学毕业自我评价
2014/02/02 职场文书
五年级科学教学反思
2014/02/05 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
灵魂歌王观后感
2015/06/17 职场文书
2019奶茶店创业计划书范本,值得你借鉴
2019/08/14 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
mysql中关键词exists的用法实例详解
2022/06/10 MySQL