详解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 相关文章推荐
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
基于jquery实现的表格分页实现代码
Jun 21 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
第一次动手实现bootstrap table分页效果
Sep 22 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
深入理解Vue 的条件渲染和列表渲染
Sep 01 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
从0到1搭建Element的后台框架的方法步骤
Apr 10 Javascript
JavaScript 处理树数据结构的方法示例
Jun 16 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/02/18 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
PHP中preg_match函数正则匹配的字符串长度问题
2015/05/27 PHP
php实现对象克隆的方法
2015/06/20 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
javascript 鼠标滚轮事件
2009/04/09 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
python实现nao机器人手臂动作控制
2019/04/29 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
css3实例教程 一款纯css3实现的发光屏幕旋转特效
2014/12/07 HTML / CSS
雅诗兰黛美国官网:Estee Lauder美国
2016/07/21 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
教师中国梦演讲稿
2014/04/23 职场文书
贸易经济专业自荐书
2014/06/29 职场文书
行政撤诉申请书
2015/05/18 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
我的收音机情缘
2022/04/05 无线电
SpringCloud Function SpEL注入漏洞分析及环境搭建
2022/04/08 Java/Android