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 变量作用域 两个可能会被忽略的小特性
Mar 23 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
用客户端js实现带省略号的分页
Apr 27 Javascript
js导入导出excel(实例代码)
Nov 25 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
Dec 04 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
JavaScript实现图片上传并预览并提交ajax
Sep 30 Javascript
解决vue+elementui项目打包后样式变化问题
Aug 03 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
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
JS常用算法实现代码
2016/11/14 Javascript
说说AngularJS中的$parse和$eval的用法
2017/09/14 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
python matplotlib画图实例代码分享
2017/12/27 Python
Python 通配符删除文件的实例
2018/04/24 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
Python匿名函数及应用示例
2019/04/09 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
《黄山奇石》教学反思
2014/04/19 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
小学科学教学计划
2015/01/21 职场文书
反腐倡廉观后感
2015/06/08 职场文书
道士塔读书笔记
2015/06/30 职场文书