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获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
Feb 28 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
基于javascript制作微博发布栏效果
Apr 04 Javascript
Webpack如何引入bootstrap的方法
Jun 17 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
详解vue 组件
Jun 11 Javascript
Vue封装全局过滤器Filters的步骤
Sep 16 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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
ajax实现无刷新分页(php)
2010/07/18 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP的自定义模板引擎
2017/03/24 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
2016/08/01 Javascript
AngularJs自定义服务之实现签名和加密
2016/08/02 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
实例分析nodejs模块xml2js解析xml过程中遇到的坑
2017/03/18 NodeJs
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
2016/05/17 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
关于python2 csv写入空白行的问题
2018/06/22 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
企业年会主持词
2014/03/27 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
广播体操比赛口号
2014/06/10 职场文书
博士生求职信
2014/07/06 职场文书
超市创业计划书
2014/09/15 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
配置Kubernetes外网访问集群
2022/03/31 Servers
Java异常体系非正常停止和分类
2022/06/14 Java/Android