数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。数组的元素甚至也可能是对象或其他数组,这允许创建复杂的数据结构。

1.创建数组

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

 var empty=[]; //没有元素的数组
var primes=[2,3,5,7,11]; //有5个数值的数组
var misc=[1.1,true,"a",]; //3个不同类型的元素和结尾的逗号

数组直接量中的值不一定要是常量;它们可以是任意的表达式:

var base=1024;

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

它可以包含对象直接量或其他数组直接量:

var b=[[1,{x:1,y:2}],[2,{x:3,y:4}]];

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

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

2 var undefs=[,,]; //数组有2个元素,都是undefined

数组直接量的语法允许有可选的结尾的逗号,故[,,]只有两个元素而非三个。

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

调用时没有参数:

var a=new Array();

该方法创建一个没有任何元素的空数组,等同于数组直接量[]。

调用时有一个数值参数,它指定长度:

var a=new Array(10);

显式指定两个或多个数组元素或者数组的一个非数值元素:

var a=new Array(5,4,3,2,1,"test,test");

2.数组元素的读和写

使用[]操作符来访问数组中的一个元素。数组的引用位于方括号的左边。方括号中是一个返回非负整数值的任意表达式。使用该语法可以读又可以写数组的一个元素,因此,如下代码都是合法的JavaScript语法:

 var a=["world"]; //从一个元素的数组开始
var value=a[0]; //读第0个元素
a[1]=3.14; //写第1个元素
i=2;
a[i]=3; // 写第2个元素
a[i+1]="hello"; //写第3个元素
a[a[i]]=a[0];//读第0个和第2个元素,写第3个元素

3.稀疏数组

稀疏数组就是包含从0开始的不连续索引的数组。通常,数组的length属性只代表数组中元素的个数。如果数组是稀疏的,length属性值大于元素的个数。可以用Array()构造函数或简单的指定数组的索引值大于当前

的数组长度来创建稀疏数组。

 a = new Array(5); //数组没有元素,但是a.length是5
a =[]; //创建一个空数组,length=0
a[1000] =0; //赋值添加一个元素,但是设置length为1001

4.数组长度

每个数组有一个length属性,就是这个属性使其区别于常规的JavaScript对象。length属性只代表数组中元素个数。其值比数组中最大的索引大1:

[].length //=>0:数组没有元素

2 {'a','b','c'}.length //=>3: 最大的索引为2,length为3

5.数组元素的添加和删除

我们见过添加数组元素最简单的方法:为新索引赋值:

a =[] //开始是一个空数组

2 a[0]="zero";//然后向其添加元素

3 a[1]="one";

也可以使用push()方法在数组末尾增加一个或多个元素:

 a=[]; //开始是一个空数组
a.push("zero") //在末尾添加一个元素
a.push("one","two") //再添加两个元素 

可以删除对象属性一样使用delete运算符来删除数组元素:

 a=[1,2,3];
delete a[1]; //a在索引1的位置不再有元素
1 in a //=>false: 数组索引1并未在数组中定义
a.length //=>3:delete 操作并不影响数组长度

7.数组遍历

使用for 循环是遍历数组元素最常见的方法:

 var keys =Object.keys(o); //获得o对象属性名组成的数组
var values=[] //在数组中存储匹配属性的值
for(var i=0;i<keys.length;i++)
{
var key=keys[i]; //获得索引处的键值
values[i] =o[key]; //在values数组中保存属性值
}

在嵌套循环或其他性能非常重要的上下文中,可以看到这种基本的数组遍历需要优化,数组的长度应该只查询一次而非每次循环都有查询:

 for(var i=0,len=keys.length;i<len;i++){
//循环体任然不变
}

假设数组是稠密的,并且所有的元素都是合法数据。否则,使用数组元素之前应该先检测它们。如果想要排除null,undefined和不存在的元素,代码如下:

 for(var i =0;i <a.length;i++){
if(!a[i]) continue; //跳过null,undefined和不存在的元素
}

如果只想跳过undefined和不存在的元素,代码如下:

 for(var i=0;i<a.length; i ++){
if(a[i]===undefined)continue; //跳过undefined+不存在的元素
//循环体
}

最后,如果只想跳过不存在的元素而任然要处理在的undefined元素,代码如下:

 for(var i =0;i < a.length; i++){
if(!(i in a)) continue; //跳过不存在的元素
}

7.多维数组

JavaScript不支持真正的多维数组,但可以用数组的数组来近似。访问数组的数组中的元素,只要简单地使用两次[]操作符即可。

 //创建一个多维数组
var tale =new Array(10); //表格有10行
for(var i =0;i <table.length;i++)
table[i]=new Array(10); //每行有10列
//初始化数组
for(var row=0;row <table.length; row++){
for(col=0;col<table[row].length;col++){
table[row][col]=row*col
}
}
//使用多维数组来计算(查询)5*7
var prdoduct =table[5][7]; //

JavaScript学习笔记-数组(1)的更多相关文章

  1. JavaScript学习笔记——数组

    javascript数组数组是一个可以存储 一组 或是 一系列 相关数据 的 容器. 一.为什么要使用数组. (1)为了解决大量相关数据的存储和使用的问题. (2)模拟真是的世界. 二.如何创建数组 ...

  2. JavaScript学习笔记-数组

    数组 数组中的每个元素的位置是索引,索引是基于32位的由0开始的数值,最大索引为(2的32次方-2),最大长度为(2的32次方-3) 数组是无类型的:元素可为任意类型:动态的:可根据需要自动增长.缩减 ...

  3. JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...

  4. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  5. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  6. Java程序猿的JavaScript学习笔记(3——this/call/apply)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  7. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  8. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

  9. Java程序猿的JavaScript学习笔记(1——理念)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

随机推荐

  1. C#用天气预报的WebServices

    后台代码: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { WeatherWS ws = new W ...

  2. [MEAN Stack] First API -- 7. Using Route Files to Structure Server Side API

    Currently, the server.js is going way too long. In the real world application, it is likely that we ...

  3. git 提交远程

    一.从远程克隆项目,修改后提交 1.先切换要放项目的本地目录 C:\Users\chendd>cd E:\web C:\Users\chendd>e: 2.根据服务器的git地址克隆到本地 ...

  4. cocos2dx 3.1从零学习(一)——入门篇(一天学会打飞机)

    没办法,浏览这么高,为啥没人投票呢?朋友们,我这篇文章參加了csdn博文大赛.喜欢的来点个赞吧!点击:http://vote.blog.csdn.net/Article/Details?article ...

  5. 日志分析(二) logstash patterns

    grok-patterns内置了很多基础变量的正则表达式的log解析规则,其中包括apache的log解析(同样可以用于nginx的log解析).   基于nginx日志分析配置: 1.配置nginx ...

  6. linux之centos安装xampp

    一.xampp下载地址: http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.5.19/xampp-linux-x64-5.5 ...

  7. mysql导入数据库

     mysql -u root -p bbs < d:\bbs_2011-06-15 --default-character-set=gbk      mysqldump -uroot -p ta ...

  8. CSS 实现行内和上下自适应的几种方法

    在写一个移动端网页,发现网页的头部搜索框两边各有固定宽度的按钮,搜索框可以根据宽度的变化来改变自己的宽度,达到填充的目的,也就是一种自适应吧,下面写写自己尝试的几种方法 一 利用css3 的width ...

  9. php实现MVC

    在PHP中使用MVC越来越流行了,特别是在一些开源的框架当中.MVC足以应对大多数的情况,但还有一些情况是其不太适合的,如比较简单的个人博客,对于只有几百篇文章量级的博客,使用MVC让人觉得有些太复杂 ...

  10. Objective-C ,ios,iphone开发基础:几个常用类-NSString

    第一个字符串: //必须在字符串的前面加上@符号, NSString* str=@"shouqiang_Wei";//输出以%@输出. NSLog(@"%@", ...