详解javascript对数组和json数组的操作

 更新时间:2019年04月15日 09:26:25   作者:jackycheng86  
这篇文章主要介绍了javascript对数组和json数组的操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

经常使用javascript对数组和json数组进行操作,但是时间久了就忘记咋操作的了,所以这里简单记录一下

直接看代码吧

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>javascript数组操作</title>
  <script type="application/javascript" src="lib/jquery.min.js"></script>
</head>
<body>
<h2>javascript操作数组</h2>
<input type="button" value="js数组" "jsArrays();">
<br>
<input type="button" value="json数组1" "jsonArrays();">
</body>
<script type="application/javascript">
//数组操作
  function jsArrays() {
  	//创建一个javascript数组
    var a=new Array();
    a.push('a');
    a.push('b');
    a.push('c');
    //往数组添加三个元素
    alert(a);
    //利用indexof可以指出该元素在数组中所在位置
    alert('a index of a'+a.indexOf('a'));
    //利用jquery对数组进行便利
    $(a).each(function (index,row) {
      alert('index is '+index);
      alert('row is '+row);
    })
  }
  //json数组操作
  function jsonArrays() {
  //首先也是创建一个json数组
    var a=new Array();
    a.push({a:1});
    a.push({a:2});
    a.push({a:3});
    //同样的往数组添加三个元素
    //alert出的结果是[{object,object},{object,object},{object,object}]
    alert('a is '+a);
    //利用JSON的方法将json数组转换为字符串这时候alert的就是json字符串了
    alert(JSON.stringify(a));
    //直接获取json数组第一个元素的值,此时知道json的key是a
    alert(a[0].a);
    //遍历json数组第一个元素的key,这时候可以alert出的结果是a,同样的可以得出对应的value
    for(var key in a[1]){
      alert('key is '+key);
      alert('value is '+a[0][key]);
    }
    //用jquery对json数组进行遍历
    $(a).each(function (index,row) {
      for(var key in row){
        alert('each key is '+key);
        alert('each value is '+row[key]);
      }
    })
  }
</script>
</html>

以上所述是小编给大家介绍的javascript对数组和json数组的操作详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 深入了解JavaScript的逻辑运算符(与、或)

    深入了解JavaScript的逻辑运算符(与、或)

    本篇文章分享的是 JS 当中的逻辑运算符与、或,也就是 && 、 || ,没错,别看这简简单单的几个运算符,虽然这是最基础的知识,但其中隐藏的奥秘却十分耐人寻味,接下来本文就为大家一一揭开这简单的运算符背后的奇妙之处。
    2016-12-12
  • JS使用Chrome浏览器实现调试线上代码

    JS使用Chrome浏览器实现调试线上代码

    这篇文章主要介绍了JS使用Chrome浏览器实现调试线上代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • json传值以及ajax接收详解

    json传值以及ajax接收详解

    下面小编就为大家带来一篇json传值以及ajax接收详解。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • Mozilla 表达式 __noSuchMethod__

    Mozilla 表达式 __noSuchMethod__

    这是一个很特殊的方法,但是其存在的意义很大。不过很可惜只有firefox支持了。一个简单的例子解释一下它的用处
    2009-04-04
  • JavaScript类库D

    JavaScript类库D

    D类库是以为当前成熟框架、类库开发辅助类库的目标而被开发。
    2010-10-10
  • javascript动画浅析

    javascript动画浅析

    最近一直在弄手机端的游戏,接触到各种动画。加之对之前的自己那个动画类不满意,就有心想写个新的。然后翻看各种博客,查资料。也学到一些新的东西
    2012-08-08
  • kmock javascript 单元测试代码

    kmock javascript 单元测试代码

    javascript其实是非常需要单元测试的,但是qmock总感觉不好使?或是文档的新旧有问题,反正我暂时是只需要函数调用的次数判断,结果就写了个kmock
    2011-02-02
  • JavaScript打开本地文件夹的4种方法举例

    JavaScript打开本地文件夹的4种方法举例

    这篇文章主要给大家介绍了关于JavaScript打开本地文件夹的4种方法,JavaScript在前端开发中是一种使用非常广泛的编程语言,常用于实现网页中的交互和动态效果,需要的朋友可以参考下
    2023-07-07
  • ES6中的类(Class)示例详解

    ES6中的类(Class)示例详解

    这篇文章主要给大家介绍了关于ES6中类(Class)的相关资料,文中介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 简述ES6新增关键字let与var的区别

    简述ES6新增关键字let与var的区别

    最近看了很多文章,偶然间看到ES6中新增了一个关键字 let ,它具有与 var 关键字相似的功能。接下来通过本文给大家介绍ES6新增关键字let与var的区别,需要的朋友可以参考下
    2019-08-08

最新评论