详解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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
Prototype Template对象 学习
Jul 19 Javascript
JS中的public和private对象,即static修饰符
Jan 18 Javascript
jQuery实现根据类型自动显示和隐藏表单
Mar 18 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
Sep 23 Javascript
Sort()函数的多种用法
Mar 20 Javascript
JavaScript中最常见的三个面试题解析
Mar 04 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
May 24 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连接局域网MYSQL数据库的简单实例
2013/08/26 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
显示js对象所有属性和方法的函数
2009/10/16 Javascript
jquery下将选择的checkbox的id组成字符串的方法
2010/11/28 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
js replace 与replaceall实例用法详解
2013/08/03 Javascript
jQuery中$(function() {});问题详解
2015/08/10 Javascript
javascript省市区三级联动下拉框菜单实例演示
2015/11/29 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
2016/06/20 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
js中开关变量使用实例
2017/02/24 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
JS简单获得节点元素的方法示例
2018/02/10 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
python算法学习之基数排序实例
2013/12/18 Python
Python跳出循环语句continue与break的区别
2014/08/25 Python
跟老齐学Python之list和str比较
2014/09/20 Python
Python实现注册、登录小程序功能
2018/09/21 Python
Django 解决由save方法引发的错误
2020/05/21 Python
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
应届生法律求职信
2013/10/22 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
解除劳动合同协议书范本
2014/09/13 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python
python基础之文件操作
2021/10/24 Python