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 ajax 路由和过滤器使用说明
Aug 02 Javascript
jquery解决图片路径不存在执行替换路径
Feb 06 Javascript
JavaScript实现多维数组的方法
Nov 20 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
jQuery.each使用详解
Jul 07 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
写给vue新手们的vue渲染页面教程
Sep 01 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
微信小程序接入腾讯云验证码的方法步骤
Jan 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,ajax实现分页
2008/03/27 PHP
php读取mysql的简单实例
2014/01/15 PHP
php分页代码学习示例分享
2014/02/20 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
jquery()函数的三种语法介绍
2013/10/09 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
2015/09/11 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
Bootstrap DateTime Picker日历控件简单应用
2017/03/25 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
Python中如何引入第三方模块
2020/05/27 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
html5时钟实现代码
2010/10/22 HTML / CSS
MYSQL基础面试题
2012/05/13 面试题
普师专业个人自荐信范文
2013/11/26 职场文书
比赛口号大全
2014/06/10 职场文书
禁烟标语大全
2014/06/11 职场文书
三年级学生期末评语
2014/12/26 职场文书
环卫工人慰问信
2015/02/15 职场文书