详解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 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
javascript父、子页面交互技巧总结
Aug 08 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
vue项目中自定义video视频控制条的实现代码
Apr 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 函数学习简单小结
2010/07/08 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
JS 页面自动加载函数(兼容多浏览器)
2009/05/18 Javascript
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
25个好玩的JavaScript小游戏分享
2011/04/22 Javascript
nodejs教程之异步I/O
2014/11/21 NodeJs
Angular实现form自动布局
2016/01/28 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
layui文件上传控件带更改后数据传值的方法
2019/09/23 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
python获取beautifulphoto随机某图片代码实例
2013/12/18 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
高中毕业生个人自我鉴定
2013/11/24 职场文书
仓库班组长岗位职责
2013/12/12 职场文书
自我评价是什么
2014/01/04 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
致跳高运动员加油稿
2014/02/12 职场文书
《晚上的太阳》教学反思
2014/04/23 职场文书
倡议书格式
2014/08/30 职场文书
论群众路线学习笔记
2014/11/06 职场文书
武当山导游词
2015/02/03 职场文书
重阳节活动主持词
2015/07/04 职场文书
小学生暑假生活总结
2015/07/13 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
Python 线程池模块之多线程操作代码
2021/05/20 Python