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 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
JQuery 动态扩展对象之另类视角
May 25 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 Javascript
js与jquery回车提交的方法
Feb 03 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
Bootstrap 3 按钮标签实例代码
Feb 21 Javascript
解决angularjs中同步执行http请求的方法
Aug 13 Javascript
JS实现网页时钟特效
Mar 25 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 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
PHP不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
php 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
2016/11/09 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
详解ES6中的let命令
2020/04/05 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
python找出完数的方法
2018/11/12 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
结束运行python的方法
2020/06/16 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
突破canvas语法限制 让他支持链式语法
2012/12/24 HTML / CSS
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
JBL英国官网:JBL UK
2018/07/04 全球购物
金融系毕业生自荐书
2014/07/08 职场文书
工作年限证明模板
2014/11/01 职场文书
儿子满月酒致辞
2015/07/29 职场文书
《我们的民族小学》教学反思
2016/02/19 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
JavaScript中isPrototypeOf函数
2021/11/07 Javascript