JS 数组基本用法入门示例解析

 更新时间:2020年01月16日 11:19:54   作者:qq_42412646  
这篇文章主要介绍了JS 数组基本用法,结合实例形式分析了JavaScript数组的定义、初始化、赋值、打印等相关操作技巧,需要的朋友可以参考下

本文实例讲述了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的数组非常灵活,其只有var数据类型,我们建立的数组即为var类型的,所以对应的数组的数据类型可以是所有的var(即所有类型)

注:对于数据的遍历,其有不同的方式,利用for循环遍历,比较高级的方式是利用in,但是需要注意的是利用in时,其var是用来计数的。即其为下标值,所以我们用了数组名[遍历下标]进行输出数据。

(留给以后)对于数组的赋值,其可以直接进行赋值,这种方法只能添加,利用下表进行添加后,会运行出错,数组是没有长度的,也可以利用Array(length),进行初建一个有固定长度的数组。这里有一点,arr1是利用下表进行赋值的,在进行遍历输出的时候对于除number输出是undefined.

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • javascript function调用时的参数检测常用办法

    javascript function调用时的参数检测常用办法

    js中并不直接支持类似c#的方法重载,所以只能变相的来解决,示意代码:(利用了内置属性arguments)
    2010-02-02
  • 微信小程序倒计时功能实现代码

    微信小程序倒计时功能实现代码

    倒计时功能在项目开发中经常会用到,今天小编给大家介绍下微信小程序倒计时功能实现代码,需要的朋友参考下吧
    2017-11-11
  • TypeScript 装饰器定义

    TypeScript 装饰器定义

    这篇文章主要介绍了TypeScript 装饰器定义,装饰器是一种新的声明,它可以作用于类声明 、方法 、访问器 、属性以及参数上,下面我们就来看看TypeScript 装饰器的具体定义吧,需要的朋友可以参考一下,希望对你有所帮助
    2021-12-12
  • 判定对象是否为window的js代码

    判定对象是否为window的js代码

    这是一个非常有趣的题目。我们先从Object.prototype.toString入手,看能否解决它。
    2010-02-02
  • javascript获取select值的方法分析

    javascript获取select值的方法分析

    这篇文章主要介绍了javascript获取select值的方法,实例分析了javascript获取select元素值的相关技巧,需要的朋友可以参考下
    2015-07-07
  • JavaScript利用append添加元素报错的解决方法

    JavaScript利用append添加元素报错的解决方法

    这篇文章主要介绍了JavaScript利用append添加元素报错的解决方法,需要的朋友可以参考下
    2014-07-07
  • 基于JavaScript实现本地图片预览

    基于JavaScript实现本地图片预览

    这篇文章主要为大家详细介绍了基于JavaScript实现本地图片预览的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript封装单向链表的示例代码

    JavaScript封装单向链表的示例代码

    这篇文章主要介绍了JavaScript如何封装单向链表,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • 谈谈JavaScript中function多重理解

    谈谈JavaScript中function多重理解

    Function是javascript里最常用的一个概念,javascript里的function是最容易入手的一个功能,但它也是javascript最难理解最难掌握的一个概念,接下来通过本篇文章给大家介绍javascript中的function多重理解,小伙伴们一起来学习吧
    2015-08-08
  • jquery动态添加删除(tr/td)

    jquery动态添加删除(tr/td)

    这篇文章主要介绍了jquery动态添加删除(tr/td)的方法,需要的朋友可以参考下
    2015-02-02

最新评论