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
js 得到文件后缀(通过正则实现)
Jul 08 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 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 URL路由类实例
2013/11/12 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
vue.js实现简单轮播图效果
2017/10/10 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
详解Python的Django框架中的通用视图
2015/05/04 Python
Django中URLconf和include()的协同工作方法
2015/07/20 Python
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
python使用json序列化datetime类型实例解析
2018/02/11 Python
基于python实现名片管理系统
2018/11/30 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
Python列表的切片实例讲解
2019/08/20 Python
Windows和Linux动态库应用异同
2016/07/28 面试题
CAD制图人员的自荐信
2014/02/07 职场文书
信息管理应届生求职信
2014/03/07 职场文书
机关节能减排实施方案
2014/03/17 职场文书
拾金不昧表扬稿大全
2015/05/05 职场文书
小学班级口号大全
2015/12/25 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
Redis基本数据类型String常用操作命令
2022/06/01 Redis