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 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
告诉大家什么是JSON
Jun 10 Javascript
jquery的颜色选择插件实例代码
Oct 02 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
Jan 02 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
Extjs4.0 ComboBox如何实现三级联动
May 11 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
React Native AsyncStorage本地存储工具类
Oct 24 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
详解vue配置后台接口方式
Mar 29 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
解决中英文字符串长度问题函数
2007/01/16 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
php文件上传类完整实例
2016/05/14 PHP
php中strtotime函数性能分析
2016/11/20 PHP
最短的IE判断代码
2011/03/13 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
关于vue-router的那些事儿
2018/05/23 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
angular组件间通讯的实现方法示例
2020/05/07 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
Python实现的科学计算器功能示例
2017/08/04 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
计生个人工作总结
2015/02/28 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
浅谈Java实现分布式事务的三种方案
2021/06/11 Java/Android
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
GPU服务器的多用户配置方法
2022/07/07 Servers