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 相关文章推荐
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
jQuery列表检索功能实现代码
Jul 17 jQuery
Bootstrap实现的表格合并单元格示例
Feb 06 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
微信小程序实现电子签名并导出图片
May 27 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
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
js判断屏幕分辨率的代码
2013/07/16 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
2015/12/08 Javascript
JavaScript继承学习笔记【新手必看】
2016/05/10 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
AngularJS bootstrap启动详解及实例代码
2016/09/14 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
JS实现淡入淡出图片效果的方法分析
2016/12/20 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
python在命令行下使用google翻译(带语音)
2014/01/16 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
Django中的文件的上传的几种方式
2018/07/23 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
python实现简单俄罗斯方块
2020/03/13 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
VC++笔试题
2014/10/13 面试题
机关道德讲堂实施方案
2014/03/15 职场文书
殡葬服务心得体会
2014/09/11 职场文书
课外活动总结
2015/02/04 职场文书
个人工作保证书
2015/02/28 职场文书
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
在CSS中使用when/else的方法
2022/01/18 HTML / CSS