详解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 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
javascript引导程序
Oct 26 Javascript
jQuery get和post 方法传值注意事项
Nov 03 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
Oct 19 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
Javascript判断对象是否相等实现代码
Mar 18 Javascript
JS实现的打字机效果完整实例
Jun 20 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
javascript使用btoa和atob来进行Base64转码和解码
Mar 20 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
详解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
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
javascript 正则表达式分组、断言详解
2017/04/20 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
利用python修改json文件的value方法
2018/12/31 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
python实现多进程通信实例分析
2019/09/01 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
django 实现简单的插入视频
2020/04/07 Python
python自动化办公操作PPT的实现
2021/02/05 Python
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
大学同学聚会邀请函
2014/01/29 职场文书
《我不是最弱小的》教学反思
2014/02/23 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
物业保安岗位职责
2014/07/02 职场文书
观看信仰心得体会
2014/09/04 职场文书
出国留学英文自荐信
2015/03/25 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
资产移交协议书
2016/03/24 职场文书
CSS 实现多彩、智能的阴影效果
2021/05/12 HTML / CSS
nginx配置限速限流基于内置模块
2022/05/02 Servers