详解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_03(ExtJs Grid的简单使用)
Oct 02 Javascript
javascript cookies操作集合
Apr 12 Javascript
ie与ff下的event事件使用介绍
Nov 25 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
微信小程序使用request网络请求操作实例
Dec 15 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
Aug 21 Javascript
重学JS之显示强制类型转换详解
Jun 30 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 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
PHP中的串行化变量和序列化对象
2006/09/05 PHP
php 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
php的字符串用法小结
2010/06/08 PHP
Codeigniter中mkdir创建目录遇到权限问题和解决方法
2014/07/25 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
JavaScript网页制作特殊效果用随机数
2007/05/22 Javascript
JavaScript表单常用验证集合
2008/01/16 Javascript
javascript中字符串拼接需注意的问题
2010/07/13 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
Javascript代码在页面加载时的执行顺序介绍
2013/05/03 Javascript
JavaScript实现网页截图功能
2014/10/16 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
vue-router 中router-view不能渲染的解决方法
2017/05/23 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
跟老齐学Python之print详解
2014/09/28 Python
基于DataFrame改变列类型的方法
2018/07/25 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
详解Django CAS 解决方案
2019/10/30 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
python中如何设置代码自动提示
2020/07/15 Python
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
护理个人求职信范文
2014/01/08 职场文书
学校联谊协议书
2014/09/16 职场文书
健康状况证明模板
2014/10/23 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书