详解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 相关文章推荐
JavaScript类和继承 prototype属性
Sep 03 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
JS 各种网页尺寸判断实例方法
Apr 18 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
前端监听websocket消息并实时弹出(实例代码)
Nov 27 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
检测png图片是否完整的php代码
2010/09/06 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
深入理解js函数的作用域与this指向
2016/05/28 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
django中使用vue.js的要点总结
2019/07/07 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
回调函数的意义以及python实现实例
2017/06/20 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
便捷提取python导入包的属性方法
2018/10/15 Python
Python函数参数匹配模型通用规则keyword-only参数详解
2019/06/10 Python
结束运行python的方法
2020/06/16 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
端午节粽子促销活动方案
2014/02/02 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
2014年节能工作总结
2014/12/18 职场文书
公司员工辞职信范文
2015/05/12 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB