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从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
JavaScript实现多栏目切换效果
Dec 12 Javascript
js实现打地鼠小游戏
Feb 13 Javascript
js使用formData实现批量上传
Mar 27 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 Javascript
vue 实现路由跳转时更改页面title
Nov 05 Javascript
vue el-table实现自定义表头
Dec 11 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
vue-cli4.5.x快速搭建项目
May 30 Vue.js
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
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
vue2.0设置proxyTable使用axios进行跨域请求的方法
2017/10/19 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
python每隔N秒运行指定函数的方法
2015/03/16 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
python友情链接检查方法
2015/07/08 Python
Python实现将文本生成二维码的方法示例
2017/07/18 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
Python 统计字数的思路详解
2018/05/08 Python
python3.x 将byte转成字符串的方法
2018/07/17 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python实现常见的回文字符串算法
2018/11/14 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
Jmeter HTTPS接口测试证书导入过程图解
2020/07/22 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
主题团日活动总结
2014/06/25 职场文书
优秀党员申报材料
2014/12/18 职场文书
2015年女职工工作总结
2015/05/15 职场文书
政审证明范文
2015/06/19 职场文书
2016年中秋节寄语大全
2015/12/07 职场文书
Oracle中DBLink的详细介绍
2022/04/29 Oracle