JavaScript引用类型之Array类型一

一、简介

除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了。下面就来分析ECMAScript中的数组与其他语言中的数组的异同性:

1、相同点:

(1)他们都是数据的有序列表

(2)语法和作用都类似

2、不同点:

(1)Array数组中的每一项可以保存任何类型的数据。也就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值,第三个位置来保存对象的指针

(2)Array数组的大小是可以动态调整的(部分其他的语言也有此特性),即随着数组中数据的添加自动增长以容纳新增数据。

二、使用方式和相关方法介绍

1、创建数组实例的方式有两种:

1.1 第一种:使用new和Array构造函数,代码如下:

var colors=new Array();

1.1.1

我们可以在创建数组实例的同时给该实例限定长度,代码如下:

var colors=new Array(20);

这样就创建了一个长度为20的数组。

1.1.2

我们也可以在创建数组的同时给他初始化,代码如下:

var colors=new Array("red","blue","green");

1.2  第二种方式是使用Array构造函数不使用new操作符,代码如下:

var colors=Array("red","blue","green");

1.3第三种方式使用数字字面量表示法(和Object类型的字面量表示法一样)。代码如下:

var colors=["red","blue","green"];
var colors=[];  //创建了一个空数组

这里注意:通过对象字面创建的数组在创建时就不会调用Array构造函数了,这与Object引用类型创建实例使用对象字面量法一样它也不会调用Object构造函数!

2、Array数组操作

1、下面通过代码来讲解下Array数组的基本操作:

var colors=["red","blue","green"];   //定义一个字符串数组
alert(colors[0]);      //显示第一项
colors[2]="black";   //修改第三项
colors[3]="brown";  //新增第四项

但是有一点需要注意,如下代码:

var colors=["red","blue","green"];
colors.length=2;
alert(colors[2]);   //输出:undefined

分析上面代码,当使用对象字面量定义了colors数组时,其初始长度是3,当我们修改其长度为2时,这是第三项就会被砍掉,然后我们在输出第三项,就会输出"undefined";

上面代码是将长度缩小的情况,下面来分析如果将长度增加的情况,如下代码:

var colors=["red","green","blue"];
color.length=4;
alert(colors[3]);  //输出:undefined

分析上面的代码:初始化定义的长度为3,当将其长度设为4时,那么新增的那项的值就会被设为"undefined",新增的每一项都是!

2、检测数组的方式

在一些特殊应用开发中,我们经常需要判断一个对象是不是一个数组,所以ECMAScript 5提供了两种方法来判断一个对象是不是数组

(1)对一个全局作用域而言,使用instanceof操作符就能得到满意的结果,代码如下:

if(value instanceof Array){
    //对数组执行某些操作
}

(2)上面的判断方法是基于一个全局作用域下的,但是有些网页可能包含多个框架,那实际上就存在两个以上不同的全局执行环境,从而存在两个不同版本的Array构造函数。如果你从一个框架向另一个框架传入一个数组,但是两个框架有各自的Array构造函数!

所以为了解决这个问题,ECMAScript 5中新增了Array.isArray()方法。这个方法的作用是判断一个值到底是不是数组,而不管它实在哪个全局环境中创建的。代码如下:

if(Array.isArray(value)){
    //对数组执行某些操作
}

注意:第二个方法有浏览器限制!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ccylovehs

JavaScript之深拷贝和浅拷贝

工作中会经常遇到操作数组、对象的情况,你肯定会将原数组、对象进行‘备份’ 当真正对其操作时发现备份的也发生改变,此时你一脸懵逼,到时是为啥,不是已经备份了么,怎...

1161
来自专栏听雨堂

JavaScript大略

 简介: javascript是一种基于对象和事件驱动并具有安全性能的脚本语言。 它是通过嵌入或调入在标准的HTML语言中实现的。 数据类型:   St...

18110
来自专栏令仔很忙

新手学JAVA(一)——Equals和“==”的区别

    如果操作两边都是对象句柄,就比较两个句柄是否指向同一个对象。如果两边是基本类型,则比较的就是值。

971
来自专栏web前端-

函数基础知识回顾

  String    Number   Boolean   Null    undefined    //占有固定的内存大小,如数值型占八个字节,布尔类型...

753
来自专栏pangguoming

理解js中的new

new 操作符 在有上面的基础概念的介绍之后,在加上new操作符,我们就能完成传统面向对象的class + new的方式创建对象,在Javascript中,我们...

4024
来自专栏十月梦想

ES6基础语法之箭头函数

ES6直接在参数中=默认值就解决,上述中只是出一个参数的默认值,多个参数下ES6的便利性毋庸置疑!

1621
来自专栏java一日一条

Java常量池解析与字符串intern简介

  在Java应用程序运行时,Java虚拟机会保存一份内部的运行时常量池,它区别于class文件的常量池,是class文件常量池映射到虚拟机中的数据结构。 关于...

912
来自专栏猿人谷

《C++ primer》--第1,2章小结

 1、变量初始化:  定义变量时,应该给变量赋初始值,除非确定将变量用于其他意图之前会覆盖这个初值。如果不能保证读取变量之前重置变量,就应该初始化变量。变量...

21810
来自专栏nummy

Python中getattr、__get__、__getattr__和__getattribute__的区别

getattr (object, name[, default])是Python的内置函数之一,它的作用是获取对象的属性。

991
来自专栏前端小叙

JS中函数声明与函数表达式的异同

相同点 注:函数声明和函数表达式的相同点包括但不限于以下几点 函数是一个值,所以和其他值一样,函数也可以进行被输出、被赋值、作为参数传给其他函数等相关操作,不...

2875

扫码关注云+社区

领取腾讯云代金券