详解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的一个OutlookBar类,动态创建导航条
Nov 19 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 Javascript
JavaScript程序设计之JS调试
Dec 09 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
Javascript中字符串相关常用的使用方法总结
Mar 13 Javascript
JavaScript使用ZeroClipboard操作剪切板
May 10 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
vue实现在data里引入相对路径
Jun 05 Vue.js
详解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
?繁体转换的class
2006/10/09 PHP
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
PHP实现AES256加密算法实例
2014/09/22 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
php实现中文转数字
2016/02/18 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
浅说js变量
2011/05/25 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
关于微信小程序map组件z-index的层级问题分析
2019/07/09 Javascript
vue中监听返回键问题
2019/08/28 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
Python Json序列化与反序列化的示例
2018/01/31 Python
python实现自动登录后台管理系统
2018/10/18 Python
使用python切片实现二维数组复制示例
2019/11/26 Python
Django配置文件代码说明
2019/12/04 Python
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
2013/06/03 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
美国牛仔品牌:True Religion
2018/11/16 全球购物
实习生自我评价
2014/01/18 职场文书
初一科学教学反思
2014/01/27 职场文书
干部个人考察材料
2014/12/24 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书
企业法人代表证明书
2015/06/18 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python
Java实现贪吃蛇游戏的示例代码
2022/09/23 Java/Android