JS 数组基本用法入门示例解析


Posted in Javascript onJanuary 16, 2020

本文实例讲述了JS 数组基本用法。分享给大家供大家参考,具体如下:

讲道理和Java差不多。

instance:

<html>
 <head>
 <title>js数组</title>
 <meta charset="UTF-8"/>
 <script type="text/javascript">
//  数组
  var arr=[5];
  console.log(arr);
  var arr=[true];
  console.log(arr);
  var arr1=new Array(5);
  arr1.length=10;
  arr1[0]=3;
  arr1[1]=true;
  arr1[2]="bingo";
  console.log(arr1[2]);
  arr1[3]=new Date();
  console.log(arr1);
  arr1.length=2;
  console.log(arr1);
  arr1.length=10;
//  数组的遍历:低级的遍历,高级的遍历
  for(var n=0;n<=arr1.length;n++){
  if(n==2){
   console.log(arr1[n]);
  }
//  console.log(arr1[n]);
  }
//  var arr2=[3,true,"bingo",false]
//  arr2.length=10;
//  for(var date in arr2){
////  console.log(data);
//  console.log(arr2[date]);
//  }
////  for(var n=0;n<=arr2.length;n++){
////  console.log(arr2[n]);
//  }
 </script>
 </head>
 <body>
 </body>
</html>

运行结果:

JS 数组基本用法入门示例解析

js的数组非常灵活,其只有var数据类型,我们建立的数组即为var类型的,所以对应的数组的数据类型可以是所有的var(即所有类型)

注:对于数据的遍历,其有不同的方式,利用for循环遍历,比较高级的方式是利用in,但是需要注意的是利用in时,其var是用来计数的。即其为下标值,所以我们用了数组名[遍历下标]进行输出数据。

(留给以后)对于数组的赋值,其可以直接进行赋值,这种方法只能添加,利用下表进行添加后,会运行出错,数组是没有长度的,也可以利用Array(length),进行初建一个有固定长度的数组。这里有一点,arr1是利用下表进行赋值的,在进行遍历输出的时候对于除number输出是undefined.

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
聊一聊jQuery插件uploadify使用方法
Aug 24 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
May 08 Javascript
Vue编程式跳转的实例代码详解
Jul 10 Javascript
处理JavaScript值为undefined的7个小技巧
Jul 28 Javascript
js实现上下左右键盘控制div移动
Jan 16 #Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 #Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 #jQuery
js实现点击生成随机div
Jan 16 #Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 #Javascript
JS实现可视化音频效果的实例代码
Jan 16 #Javascript
js实现div色块碰撞
Jan 16 #Javascript
You might like
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
Prototype使用指南之array.js
2007/01/10 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
关于RxJS Subject的学习笔记
2018/12/05 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
详解Python自建logging模块
2018/01/29 Python
Python对CSV、Excel、txt、dat文件的处理
2018/09/18 Python
python下载库的步骤方法
2019/10/12 Python
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
计算机开发个人求职信范文
2013/09/26 职场文书
物业管理计划书
2014/01/10 职场文书
公司门卫管理制度
2014/02/01 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
yy生日主持词
2014/03/20 职场文书
万里长城导游词
2015/01/30 职场文书
个人德育工作总结
2015/03/05 职场文书
中秋节晚会开场白
2015/05/29 职场文书
教师师德承诺书2016
2016/03/25 职场文书
2019森林防火宣传标语大全!
2019/07/03 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL