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 相关文章推荐
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
jquery 选取方法都有哪些
May 18 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
javascript中html字符串转化为jquery dom对象的方法
Aug 27 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 Javascript
jQuery事件详解
Feb 23 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
详解webpack es6 to es5支持配置
May 04 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
node文字生成图片的示例代码
Oct 26 Javascript
利用js给datalist或select动态添加option选项的方法
Jan 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
在线编辑器中换行与内容自动提取
2009/04/24 Javascript
jQuery asp.net 用json格式返回自定义对象
2010/04/07 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
原生js开发的日历插件
2017/02/04 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
一篇文章,教你学会Vue CLI 插件开发
2019/04/17 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
Python文件夹与文件的操作实现代码
2014/07/13 Python
Python的多态性实例分析
2015/07/07 Python
Python延时操作实现方法示例
2018/08/14 Python
Django实现文件上传和下载功能
2019/10/06 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
教师工作能力自我评价
2015/03/04 职场文书
2015年班组建设工作总结
2015/05/13 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
pycharm无法安装cv2模块问题
2022/05/20 Python