详解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与框架页的操作代码
Jan 17 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
Apr 27 Javascript
JQUERY获取form表单值的代码
Jul 17 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
js返回顶部实例分享
Dec 21 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
微信小程序实现图片选择并预览功能
Jul 25 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
如何阻止移动端浏览器点击图片浏览
Aug 29 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
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP实现的MongoDB数据库操作类分享
2014/05/12 PHP
php实现事件监听与触发的方法
2014/11/21 PHP
详解php中反射的应用
2016/03/15 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
javascript闭包入门示例
2014/04/30 Javascript
理解javascript中的严格模式
2016/02/01 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
python中getattr函数使用方法 getattr实现工厂模式
2014/01/20 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
Python pymongo模块用法示例
2018/03/31 Python
Python函数返回不定数量的值方法
2019/01/22 Python
python opencv调用笔记本摄像头
2019/08/28 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
python装饰器代替set get方法实例
2019/12/19 Python
logging level级别介绍
2020/02/21 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
《世界多美呀》教学反思
2014/03/02 职场文书
党的群众路线教育实践活动方案
2014/10/31 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
治庸问责工作总结
2015/08/11 职场文书
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
Python使用pyecharts控件绘制图表
2022/06/05 Python
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技