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 选择文件夹对话框(web)
Jul 07 Javascript
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 Javascript
js与C#进行时间戳转换
Nov 14 Javascript
jQuery中document与window以及load与ready 区别详解
Dec 29 Javascript
Javascript简单改变表单元素背景的方法
Jul 15 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
JavaScript实现星星等级评价功能
Mar 22 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
vue element ui validate 主动触发错误提示操作
Sep 21 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新浪微博登录接口用法实例
2014/12/23 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
jQuery布局插件UI Layout简介及使用方法
2013/04/03 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
vue.draggable实现表格拖拽排序效果
2018/12/01 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
python分析作业提交情况
2017/11/22 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
python实现多线程行情抓取工具的方法
2018/02/28 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
创业计划书怎样才能打动风投
2014/01/01 职场文书
煤矿百日安全活动总结
2015/05/07 职场文书