详解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 相关文章推荐
JS常用表单验证方法总结
May 22 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
JQuery标签页效果实例详解
Dec 24 Javascript
简单理解vue中Props属性
Oct 27 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
vue中各种通信传值方式总结
Feb 14 Javascript
vue input输入框关键字筛选检索列表数据展示
Oct 26 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的加密方式及原理
2012/06/14 PHP
做网页的一些技巧
2007/02/01 Javascript
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
两个Javascript小tip资料
2010/11/23 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
jquery精度计算代码 jquery指定精确小数位
2017/02/06 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
Python标准库urllib2的一些使用细节总结
2015/03/16 Python
栈和队列数据结构的基本概念及其相关的Python实现
2015/08/24 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
django列表筛选功能的实现代码
2020/03/27 Python
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
详解canvas绘制多张图的排列顺序问题
2019/01/21 HTML / CSS
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
临床医学应届生求职信
2013/11/06 职场文书
新教师工作感言
2014/02/16 职场文书
政治思想表现评语
2014/05/04 职场文书
2016年春节慰问信息
2015/03/25 职场文书
鸡毛信观后感
2015/06/11 职场文书
导游词幽默开场白
2019/06/26 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
Matlab如何实现矩阵复制扩充
2021/06/02 Python
Python探索生命起源 matplotlib细胞自动机动画演示
2022/04/21 Python
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js