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比较两个对象是否相等的方法
Feb 06 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
vue组件如何被其他项目引用
Apr 13 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
JS实现前端动态分页码代码实例
Jun 02 Javascript
vue使用echarts实现水平柱形图实例
Sep 09 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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
PHP 面向对象 final类与final方法
2010/05/05 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
php专用数组排序类ArraySortUtil用法实例
2015/04/03 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
Vue 实现简易多行滚动"弹幕"效果
2020/01/02 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
python自定义解析简单xml格式文件的方法
2015/05/11 Python
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
python实现自动解数独小程序
2019/01/21 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
使用python去除图片白色像素的实例
2019/12/12 Python
python3 logging日志封装实例
2020/04/08 Python
python3让print输出不换行的方法
2020/08/24 Python
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
统计员岗位职责
2013/11/14 职场文书
总经理工作职责范文
2014/03/14 职场文书
护理人员的自我评价分享
2014/03/15 职场文书
婚前协议书怎么写
2014/04/15 职场文书
环保建议书600字
2014/05/14 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
导游词之长城八达岭
2019/09/24 职场文书