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 Ajax学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 Javascript
基于JavaScript 声明全局变量的三种方式详解
May 07 Javascript
js截取字符串的两种方法及区别详解
Nov 05 Javascript
javascript自定义in_array()函数实现方法
Aug 03 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
ElementUI实现el-form表单重置功能按钮
Jul 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制作静态网站的模板框架(三)
2006/10/09 PHP
可以在线执行PHP代码包装修正版
2008/03/15 PHP
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
基于win2003虚拟机中apache服务器的访问
2017/08/01 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
基于jquery的无刷新分页技术
2011/06/11 Javascript
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
2013/11/26 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
2017/04/28 jQuery
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
Python中的数据对象持久化存储模块pickle的使用示例
2016/03/03 Python
基于Django的ModelForm组件(详解)
2017/12/07 Python
对Python信号处理模块signal详解
2019/01/09 Python
python3去掉string中的标点符号方法
2019/01/22 Python
python实现剪切功能
2019/01/23 Python
简单的Python调度器Schedule详解
2019/08/30 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
大专计算机个人求职的自我评价
2013/10/21 职场文书
自动化专业个人求职信范文
2013/11/29 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书