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 相关文章推荐
js 代码集(学习js的朋友可以看下)
Jul 22 Javascript
jquery tools 系列 scrollable(2)
Sep 06 Javascript
jQuery 动画弹出窗体支持多种展现方式
Apr 29 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
JS全局变量和局部变量最新解析
Jun 24 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
vue 实现单选框设置默认选中值
Nov 07 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
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
PHP 中文处理技巧
2010/04/25 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
PHP的Laravel框架中使用AdminLTE模板来编写网站后台界面
2016/03/21 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
详解PHP归并排序的实现
2016/10/18 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
js 采用delete实现继承示例代码
2014/05/20 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
一波JavaScript日期判断脚本分享
2016/03/06 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
Python的Django框架中settings文件的部署建议
2015/05/30 Python
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
2014新年元旦活动策划方案
2014/02/18 职场文书
母婴店促销方案
2014/03/05 职场文书
合作意向书模板
2014/03/31 职场文书
完美的中文自荐信
2014/05/24 职场文书
浅谈redis整数集为什么不能降级
2021/07/25 Redis