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 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
javascript cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 28 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 Vue.js
javascript函数式编程基础
Sep 15 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 Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
Laravel 5框架学习之模型、控制器、视图基础流程
2015/04/08 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
javascript新手语法小结
2008/06/15 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
javascript 回调函数详解
2014/11/11 Javascript
javascript实现密码强度显示
2015/03/18 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
Nodejs中的JWT和Session的使用
2018/08/21 NodeJs
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
nodejs实现百度舆情接口应用示例
2020/02/07 NodeJs
Python编码时应该注意的几个情况
2013/03/04 Python
Python自动重试HTTP连接装饰器
2015/04/28 Python
在Django的通用视图中处理Context的方法
2015/07/21 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
django框架forms组件用法实例详解
2019/12/10 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
七一党建活动方案
2014/01/28 职场文书
四个太阳教学反思
2014/02/01 职场文书
本科毕业生求职信
2014/06/15 职场文书
事业单位聘任报告
2015/03/02 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
2016年五四青年节校园广播稿
2015/12/17 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
MySQL 8.0 驱动与阿里druid版本兼容问题解决
2021/07/01 MySQL