详解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 json 新手入门文档
Dec 03 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
js计算精度问题小结
Apr 22 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
ES6中箭头函数的定义与调用方式详解
Jun 02 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 Javascript
微信小程序中如何使用flyio封装网络请求
Jul 03 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检测网页是否被百度收录的函数代码
2013/10/09 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
Javascript中数组去重与拍平的方法示例
2017/02/03 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
关于webpack2和模块打包的新手指南(小结)
2017/08/07 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
React 使用recharts实现散点地图的示例代码
2018/12/07 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
pymongo为mongodb数据库添加索引的方法
2015/05/11 Python
浅谈python为什么不需要三目运算符和switch
2016/06/17 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
python切割图片的示例
2020/11/12 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
美国最大的船只买卖在线市场:Boat Trader
2018/08/04 全球购物
2014村务公开实施方案
2014/02/25 职场文书
党员身份证明材料
2015/06/19 职场文书