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 相关文章推荐
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
jquery对dom的操作常用方法整理
Jun 25 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 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
解析php中session的实现原理以及大网站应用应注意的问题
2013/06/17 PHP
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
JQuery 将元素显示在屏幕的中央的代码
2010/02/27 Javascript
js对象数组按属性快速排序
2011/01/31 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
2013/12/27 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
js编写简单的计时器功能
2017/07/15 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python端口扫描系统实现方法
2014/11/19 Python
在Python中定义和使用抽象类的方法
2016/06/30 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
股东合作协议书
2014/04/14 职场文书
班级出游活动计划书
2014/08/15 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript