详解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 相关文章推荐
jQuery 位置插件
Dec 25 Javascript
JS 对象介绍
Jan 20 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
详解Vue前端对axios的封装和使用
Apr 01 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
Vue全局loading及错误提示的思路与实现
Aug 09 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 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开发大型项目的一点经验
2006/10/09 PHP
利用php+mcDropdown实现文件路径可在下拉框选择
2013/08/07 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
PHP检测用户是否关闭浏览器的方法
2016/02/14 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
Opacity.js
2007/01/22 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
JS实现十分钟倒计时代码实例
2018/10/18 Javascript
vue根据条件不同显示不同按钮的操作
2020/08/04 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
利用python写个下载teahour音频的小脚本
2017/05/08 Python
恢复百度云盘本地误删的文件脚本(简单方法)
2017/10/21 Python
python 日期排序的实例代码
2019/07/11 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
解决Firefox下不支持outerHTML问题代码分享
2014/06/04 HTML / CSS
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
保护环境建议书400字
2014/05/13 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
监守自盗观后感
2015/06/10 职场文书
西游记读书笔记
2015/06/25 职场文书
聘任书格式及范文
2015/09/21 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
Redis安装启动及常见数据类型
2021/04/14 Redis