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实现简单的动画效果代码
Mar 18 Javascript
基于jquery的图片幻灯展示源码
Jul 15 Javascript
javascript中数组的concat()方法使用介绍
Dec 18 Javascript
jQuery Dialog对话框事件用法实例分析
May 10 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 Javascript
Angular2整合其他插件的方法
Jan 20 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
vue+iview+less 实现换肤功能
Aug 17 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
laravel框架模型和数据库基础操作实例详解
2020/01/25 PHP
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
对layui数据表格动态cols(字段)动态变化详解
2019/10/25 Javascript
vue与django集成打包的实现方法
2019/11/11 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
2020/10/29 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
深入理解Python中的内置常量
2017/05/20 Python
Python机器学习之SVM支持向量机
2017/12/27 Python
详解python中的线程
2018/02/10 Python
Python实现的读取/更改/写入xml文件操作示例
2018/08/30 Python
实例介绍Python中整型
2019/02/11 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
室内设计专业个人的自我评价
2013/10/19 职场文书
称象教学反思
2014/02/03 职场文书
节能环保标语
2014/06/12 职场文书
委托培训协议书
2014/11/17 职场文书
秋收起义观后感
2015/06/11 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
读《皮囊》有感:理解是对他人的最大的善举
2019/11/14 职场文书
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python