详解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数组的操作详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:


  • 本文相关:
  • js中的数组转变成json格式字符串的方法
  • javascript中json对象json数组json字符串互转及取值方法
  • js 转json格式的字符串为对象或数组(前后台)的方法
  • 在php语言中使用json和将json还原成数组的方法
  • json对象与数组以及转换成js对象的简单实现方法
  • js简单循环遍历json数组的方法
  • js数组如何添加json数据及js数组与json的区别
  • json用法之将php数组转js数组,js如何接收php数组
  • jquery遍历json数组的3种方法
  • js无限极树形菜单,json格式、数组格式通用示例
  • canvas绘制表盘时钟
  • 用jscript实现列出安装的软件列表
  • js密码生成与强度检测完整实例(附demo源码下载)
  • bootstrap入门学习第一篇
  • 关于 文本框默认值 的操作js代码
  • javascript 窗口加载蒙板 内嵌网页内容
  • javascript 2018 中即将迎来的新功能
  • javascript 判断函数类型完美解决方案
  • 详解如何在react组件“外”使用父组件的props
  • javascript模拟的ping效果代码 (web ping)
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved