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


Posted in Javascript onApril 15, 2019

经常使用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 相关文章推荐
prototype Element学习笔记(Element篇三)
Oct 26 Javascript
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
JS小游戏之象棋暗棋源码详解
Sep 25 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 Javascript
JavaScript中setter和getter方法介绍
Jul 11 Javascript
node中的session的具体使用
Sep 14 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
Node.js API详解之 console模块用法详解
May 12 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
详解vue中router-link标签所必备了解的属性
Apr 15 #Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 #Javascript
JavaScript使用ul中li标签实现删除效果
Apr 15 #Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 #Javascript
Vuex的actions属性的具体使用
Apr 14 #Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 #Javascript
vue自定义指令之面板拖拽的实现
Apr 14 #Javascript
You might like
PHP 多维数组排序实现代码
2009/08/05 PHP
五款PHP代码重构工具推荐
2014/10/14 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
2017/07/24 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
python中Flask框架简单入门实例
2015/03/21 Python
python创建临时文件夹的方法
2015/07/06 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
pytorch加载语音类自定义数据集的方法教程
2020/11/10 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
个人应聘自我评价分享
2013/11/18 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
班主任开场白
2015/06/01 职场文书
运动会广播稿20字
2015/08/19 职场文书
2016年“6.26”禁毒宣传月系列活动总结
2016/04/05 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
Python OpenCV实现图像模板匹配详解
2022/04/07 Python