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中插件dialog实现弹框效果实例代码
Nov 15 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
vue中各组件之间传递数据的方法示例
Jul 27 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
Nov 17 Vue.js
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 注释规范
2012/03/29 PHP
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
smarty简单应用实例
2015/11/03 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
javascript 数组排序函数
2009/08/20 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
python单例模式实例分析
2015/04/08 Python
Python入门_条件控制(详解)
2017/05/16 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
中国电视购物:快乐购
2017/02/04 全球购物
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
abstract是什么意思
2012/02/12 面试题
护士演讲稿范文
2014/01/05 职场文书
教育学习自我评价
2014/02/03 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
预防传染病方案
2014/06/14 职场文书
战略合作意向书
2014/07/29 职场文书
使用Java去实现超市会员管理系统
2022/03/18 Java/Android