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 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
jquery.validate使用时遇到的问题
May 25 Javascript
ECMAScript中函数function类型
Jun 03 Javascript
js全选按钮的实现方法
Nov 17 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
Oct 18 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 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
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
javascript中的缓动效果实现程序
2012/12/29 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
2014/06/01 Javascript
JavaScript实现打字效果的方法
2015/07/10 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
2017/04/25 jQuery
浅谈Angular4中常用管道
2017/09/27 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
js实现简单选项卡功能
2020/03/23 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
2020/07/28 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
使用Python &amp; Flask 实现RESTful Web API的实例
2017/09/19 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
python批量修改交换机密码的示例
2020/09/22 Python
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
canvas如何绘制钟表的方法
2017/12/13 HTML / CSS
后勤自我鉴定
2013/10/13 职场文书
机电专业毕业生求职信
2013/10/27 职场文书
毕业生自荐信的主要内容
2013/10/29 职场文书
公证委托书大全
2014/04/04 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
党员证明信
2015/06/19 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python