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 相关文章推荐
JSON JQUERY模板实现说明
Jul 03 Javascript
jQuery getJSON 处理json数据的代码
Jul 26 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
jquery each的几种常用的使用方法示例
Jan 21 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
jquery图片切换插件
Mar 16 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 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异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
js中的触发事件对象event.srcElement与event.target详解
2017/03/15 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
JS实现获取进今年第几天是周几的方法分析
2018/06/27 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
js实现特别简单的钟表效果
2020/09/14 Javascript
python列表操作实例
2015/01/14 Python
Python 实现 贪吃蛇大作战 代码分享
2016/09/07 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
使用Django和Postgres进行全文搜索的实例代码
2020/02/13 Python
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
网上快餐厅创业计划书
2014/02/01 职场文书
测试工程师程序员求职信范文
2014/02/20 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
美食节策划方案
2014/05/26 职场文书
专项法律服务方案
2014/06/11 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
自主招生英文自荐信
2015/03/25 职场文书
邹越演讲观后感
2015/06/15 职场文书
MySQL创建管理LIST分区
2022/04/13 MySQL