详解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 面向对象 对象(Object)
May 13 Javascript
JS分割字符串并放入数组的函数
Jul 04 Javascript
JS分页效果示例
Oct 11 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
原生js实现选项卡功能
Mar 08 Javascript
js中作用域的实例解析
Mar 16 Javascript
在js中做数字字符串补0(js补零)
Mar 25 Javascript
基于jquery实现五星好评
Nov 18 jQuery
使用async-validator编写Form组件的方法
Jan 10 Javascript
详解JSON Web Token 入门教程
Jul 30 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 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
人大复印资料处理程序_查询篇
2006/10/09 PHP
php设计模式  Command(命令模式)
2011/06/17 PHP
深入解析PHP内存管理之谁动了我的内存
2013/06/20 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
php排序算法实例分析
2016/10/17 PHP
php 微信公众平台开发模式实现多客服的实例代码
2016/11/07 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
window.ActiveXObject使用说明
2010/11/08 Javascript
javascript类型转换示例
2014/04/29 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
python计算一个序列的平均值的方法
2015/07/11 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
Python实现注册、登录小程序功能
2018/09/21 Python
Python 一句话生成字母表的方法
2019/01/02 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
Python实现进度条和时间预估的示例代码
2020/06/02 Python
Python如何实现机器人聊天
2020/09/10 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
Europcar西班牙:全球汽车租赁领域的领导者
2018/09/17 全球购物
大学生思想汇报范文
2013/12/31 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
学生手册家长评语
2014/02/10 职场文书
演讲稿格式
2014/04/30 职场文书