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 相关文章推荐
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
Feb 22 Javascript
JavaScript词法作用域与调用对象深入理解
Nov 29 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
Jun 12 Javascript
关于Javascript与iframe的那些事儿
Jul 04 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 Javascript
vue 实现图片懒加载功能
Dec 31 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
php实现网站插件机制的方法
2009/11/10 PHP
php堆排序(heapsort)练习
2013/11/13 PHP
Laravel框架路由管理简单示例
2019/05/07 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
下拉框select的绑定示例
2014/09/04 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
AngularJS 视图详解及示例代码
2016/08/17 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
2016/12/04 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
vue的传参方式汇总和router使用技巧
2018/05/22 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
python使用post提交数据到远程url的方法
2015/04/29 Python
在Python中使用HTML模版的教程
2015/04/29 Python
python中使用%与.format格式化文本方法解析
2017/12/27 Python
python 输出所有大小写字母的方法
2019/01/02 Python
在python 中实现运行多条shell命令
2019/01/07 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
元旦联欢会主持词
2014/03/26 职场文书
夫妻吵架保证书
2015/05/08 职场文书
毕业典礼主持词
2015/06/29 职场文书
清明节主题班会
2015/08/14 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
MySQL完整性约束的定义与实例教程
2021/05/30 MySQL
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL