js中的关联数组与普通数组详解

更新时间：2016年07月27日 09:45:34 投稿：jingxian

下面小编就为大家带来一篇js中的关联数组与普通数组详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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中的关联数组与普通数组详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

js中的面向对象之对象常见创建方法详解
这篇文章主要介绍了js中的面向对象之对象常见创建方法,结合实例形式较为详细的分析了JavaScript创建对象的四种常用方式,需要的朋友可以参考下
2019-12-12
如何防止INPUT按回车自动提交表单FORM
为了防止INPUT按回车form自动提交，可以以下两种方法：增加一个隐藏的input。为input增加一个按键事件来阻止form提交。具体详情可以参考下本文
2016-12-12
JavaScript必知必会(五) eval 的使用
这篇文章主要介绍了JavaScript必知必会(五) eval 的使用的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
前端渲染CSR和SSR的结合使用思路详解
以往的 SSR 方式有很多，都是人想出来的嘛，基本思路是让服务器提前渲染好然后等请求来的时候加渲染好的页面直接发给客户端浏览器，这篇文章主要介绍了前端渲染CSR和SSR的结合使用分析,需要的朋友可以参考下
2022-12-12
javascript事件模型实例分析
这篇文章主要介绍了javascript事件模型用法,实例分析了事件模型、事件对象、事件监听器及事件传递的定义与使用技巧,需要的朋友可以参考下
2015-01-01
js实现贪吃蛇小游戏（容易理解）
本文主要介绍了js实现贪吃蛇小游戏的步骤与方法，代码简单，容易理解。具有很好的参考价值，下面跟着小编一起来看下吧
2017-01-01
javascript表格的渲染组件
这篇文章主要介绍了javascript表格的渲染组件的相关资料,需要的朋友可以参考下
2015-07-07
原生JS实现简单计算器功能
这篇文章主要为大家详细介绍了原生JS实现简单计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
js前端实现图片懒加载(lazyload)的两种方式
本篇文章主要介绍了js前端实现图片懒加载(lazyload)的两种方式，使用图片懒加载可以提高网页运行速度，有兴趣的可以了解一下。
2017-04-04
详解ECMAScript2019/ES10新属性
这篇文章主要介绍了详解ECMAScript2019/ES10新属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-12-12