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 设置文本框中焦点的位置

    javascript 设置文本框中焦点的位置

    设置文本框中焦点的位置的实现代码
    2009-11-11
  • JavaScript中数组遍历方法合集大全

    JavaScript中数组遍历方法合集大全

    在JavaScript中数组遍历是常见的操作,有多种方法可以实现,下面这篇文章主要给大家介绍了关于JavaScript中数组遍历方法合集的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-07-07
  • 解决uni-app报错Error: read EBADF at Pipe . onStreamRead...

    解决uni-app报错Error: read EBADF at Pipe . onStreamRead...

    这篇文章主要介绍了uni-app报错Error: read EBADF at Pipe . onStreamRead...解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • js实现为a标签添加事件的方法(使用闭包循环)

    js实现为a标签添加事件的方法(使用闭包循环)

    这篇文章主要介绍了js实现为a标签添加事件的方法,基于闭包循环实现事件添加的功能,涉及javascript闭包与事件操作相关技巧,需要的朋友可以参考下
    2016-08-08
  • 基于JavaScript伪随机正态分布代码实例

    基于JavaScript伪随机正态分布代码实例

    这篇文章主要介绍了基于JavaScript伪随机正态分布代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • sencha ext js 6 快速入门(必看)

    sencha ext js 6 快速入门(必看)

    下面小编就为大家带来一篇sencha ext js 6 快速入门(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScrip简单数据类型隐式转换的实现

    JavaScrip简单数据类型隐式转换的实现

    本文主要介绍了JavaScrip简单数据类型隐式转换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • JavaScript注入漏洞的原理及防范(详解)

    JavaScript注入漏洞的原理及防范(详解)

    下面小编就为大家带来一篇JavaScript注入漏洞的原理及防范(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • js学习心得_一个简单的动画库封装tween.js

    js学习心得_一个简单的动画库封装tween.js

    下面小编就为大家带来一篇js学习心得_一个简单的动画库封装tween.js。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • js获取当前年月日详细教程(看这一篇就够了)

    js获取当前年月日详细教程(看这一篇就够了)

    这篇文章主要给大家介绍了关于js获取当前年月日的相关资料,JavaScript内置的Date对象是获取当前日期最常用的工具之一,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12

最新评论