登录  /  注册
首页 > web前端 > js教程 > 正文

简单介绍关于JavaScript中的数组

零下一度
发布: 2017-06-24 14:49:54
原创
1230人浏览过

数组

(1)、数组的定义

  数组是值的有序集合

  javascript数组是无类型的;数组元素可以是任意类型,并且同一个数组的不同元素也可能有不同的类型。

  每个值叫做一个元素,而每个元素在数组中有一个位置

(2)、创建数组

1.使用数组直接量是创建数组最简单的方式,在方括号中将数组元素用逗号隔开即可。

  eg:var empty = []; //没有元素的数组

  eg:var primes = [2,3,4,5,7]; //有5个数值的数组

  eg:var misc = [1.1,true,”a”,]; //有3个不同类型的元素和结尾的逗号 数组直接量中的值不一定要是常量,可以是任意的表达式。

  eg:var base = 1602;

       var table = [base+1,base+2,base+3];

  如果省略数组直接量中的某个值,省略的元素将被赋予undefined值。

      var count = [1,,3]; //数组有3个元素,中间的那个元素值为undefined

      var undefs = [,,]; //数组有两个元素,都是undefined 数组直接量的语法允许有可选的结尾的逗号,故[,,]只有两个元素而非三个。

2.调用构造函数Array()是创建数组的另外一种方法。可以用三种方式调用构造函数。

  ①调用时没有参数: var a = new Array();该方法创建一个没有任何元素的空数组,等同于数组直接量[]。

  ②调用时有一个数值参数,它指定长度: var a = new Array(10) 当预先知道所需元素个数时,这种形式的Array()构造函数可以用来预分配一个数组空间。

  ③显示指定两个或多个数组元素或者数组的一个非数值元素: var a = new Array(5,4,3,2,1,”test”); 以这种形式,构造函数的参数将会成为新数组的元素。使用数组字面量比这样使用Array()构造函数要简单多了。

(3)、数组元素的读和写

  使用[]操作符来访问数组元素中的一个元素。数组的引用位于方括号的左边。方括号中是一个返回非负整数值的任意表达式。使用该语法既可以读,也可以写数组的一个元素。

1.通过指定数组名以及索引号码,你可以访问某个特定的元素。Eg:mycars[0]

2. 如需修改已有数组中的值,只要向指定下标号添加一个新值即可:Eg:mycars[0]="Opel";

 

(4)、数组长度

  定义:length 属性可设置或返回数组中元素的数目。(从1开始)

  数组的 length 属性总是比数组中定义的最后一个元素的下标大

1.  对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。

    数组的 length 属性在用构造函数 Array() 创建数组时被初始化。给数组添加新元素时,如果必要,将更新 length 的值。

    设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。

eg:[].length ==0

   [1,2,3].length ==3  

(5)、检测是不是数组

1.  运用instanceof运算符来判断一个对象是不是数组

     instanceof 是一个二元运算符,左边操作数是一个对象,不是的话返回false,右边操作数是一个函数对象或者函数构造器,不是的话返回false。原理是通过判断左操作数的对象的原型链上是否具有右操作数的构造函数的prototype属性。

eg:arr instanceof Array

2.  可以使用Array.isArray(arr) 

    这个ES5新增的一个Array方法,该方法是Array对象的一个静态函数,用来判断一个对象是不是数组。

以上就是简单介绍关于JavaScript中的数组的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号