脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js中的关联数组与普通数组

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

您可能感兴趣的文章:

相关文章

  • 详解JavaScript中精度失准问题及解决方法

    详解JavaScript中精度失准问题及解决方法

    这篇文章主要介绍了JavaScript中精度失准问题及解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 详解JS对象遍历的顺序问题

    详解JS对象遍历的顺序问题

    你知不知道JS对象遍历顺序，本文就来详细的介绍了一下JS对象遍历顺序问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • javascript图片预加载实例分析

    javascript图片预加载实例分析

    这篇文章主要介绍了javascript图片预加载的方法,实例分析了javascript实现图片预加载的方法与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 一个javascript参数的小问题

    一个javascript参数的小问题

    2008-03-03
  • JS实现轮播图小案例

    JS实现轮播图小案例

    这篇文章主要为大家详细介绍了JS实现轮播图小案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 用JS将搜索的关键字高亮显示实现代码

    用JS将搜索的关键字高亮显示实现代码

    这篇文章介绍了JS将搜索的关键字高亮显示实现代码，有需要的朋友可以参考一下
    2013-11-11
  • Javascript中的String对象详谈

    Javascript中的String对象详谈

    这篇文章主要介绍了Javascript中的String对象,需要的朋友可以参考下
    2014-03-03
  • ES6 javascript中class类的get与set用法实例分析

    ES6 javascript中class类的get与set用法实例分析

    这篇文章主要介绍了ES6 javascript中class类的get与set用法,结合具体实例形式分析了ES6中类的get与set关键字使用方法,需要的朋友可以参考下
    2017-10-10
  • Javascript将JSON日期格式化

    Javascript将JSON日期格式化

    在做项目中，将实体转化为JSON后，结果后台返回json时间格式为/Date(1306418993027)/，在前台JS里显示的并不是真正的日期，而且我们不能把所有日期字段都变成string吧，因此写了Javascript的扩展方法，来实现这个功能，代码如下
    2016-08-08
  • Omi v1.0.2发布正式支持传递javascript表达式

    Omi v1.0.2发布正式支持传递javascript表达式

    这篇文章主要介绍了Omi v1.0.2发布正式支持传递javascript表达式,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-03-03

最新评论