详解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的方法
Apr 03 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
理解Javascript图片预加载
Feb 23 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
js获取指定字符前/后的字符串简单实例
Oct 27 Javascript
JavaScript mixin实现多继承的方法详解
Mar 30 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 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
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
jquery 获取json数据实现代码
2009/04/27 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
JSONP 跨域共享信息
2012/08/16 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
js charAt的使用示例
2014/02/18 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
2018/08/31 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
2020/11/06 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
Python中变量交换的例子
2014/08/25 Python
Python实现的购物车功能示例
2018/02/11 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
Django model反向关联名称的方法
2018/12/15 Python
python实现可逆简单的加密算法
2019/03/22 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
python音频处理的示例详解
2020/12/23 Python
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
美国存储和组织商店:The Container Store
2017/08/16 全球购物
英国女性时尚品牌:Apricot
2018/12/04 全球购物
综合办公室岗位职责
2015/04/11 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
python xlwt模块的使用解析
2021/04/13 Python
Python关于OS文件目录处理的实例分享
2021/05/23 Python