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 相关文章推荐
jquery引用方法时传递参数原理分析
Oct 13 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
JavaScript提高性能知识点汇总
Jan 15 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
jquery自定义显示消息数量
Dec 19 jQuery
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
Vue 进阶之路(三)
Apr 18 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 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
Laravel中注册Facades的步骤详解
2016/03/16 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
一波JavaScript日期判断脚本分享
2016/03/06 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
vue小白入门教程
2018/04/02 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
2019/04/10 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
layer扩展打开/关闭动画的方法
2019/09/23 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
Python生成随机密码
2015/03/10 Python
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Python线程创建和终止实例代码
2018/01/20 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
Nike瑞士官网:Nike CH
2021/01/18 全球购物
网络维护中文求职信
2014/01/03 职场文书
学生生病请假条范文
2014/02/16 职场文书
求职信的正确写法
2014/07/10 职场文书
个人买房协议书范本
2014/10/06 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
用人单位聘用意向书
2015/05/11 职场文书
功夫熊猫观后感
2015/06/10 职场文书
美容院管理规章制度
2015/08/05 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android