ECMAScript数组的每一项可以保存任何类型的数据,并且数组的大小是可以动态调整的。

创建数组的基本方式有两种,第一种是使用Array构造函数

         var colors = new Array();

创建一个含有二十项的数组

1        var colors = new Array(20);

创建一个包含三项的数组

          var colors = new Array("pink","black","white");

当然也可以省略new操作符

1          var colors = Array(3);

创建数组的第二种基本方式是使用数组字面量表示法

          var colors = ["red","blue","green"];

数组的项数保存在length属性中,他不是只读的,因此通过设置这个属性,可以从数组的末尾移除项或向数组添加新项

          colors = 2;
console.log(colors[2]); //undefined

检测数组


对于一个网页或者一个全局作用于而言,使用instanceof操作符就能得到满意的结果

         if(colors instanceof Array){//在不同的框架中传输时有问题!
alert("This is a Array");
}

ECMAScript5中新增加的方法!(不用管数组是在哪个全局执行环境中创建的)

         if(Array.isArray(colors)){//
alert("This is a Array");
}

转换方法


所有对象都具有toLocaleString()、toString()、valueOf()方法。其中,调用数组的toString()方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分割的字符串。而调用valueOf()返回的还是数组。实际上,为了创建这个字符串会调用每一项的toString()方法

         var colors = ["red", "blue" ,"green"];
console.log(colors.toString());//red,blue,green 调用每一项的toString方法!
alert(colors.valueOf()); //red,blue,green
alert(colors); //red,blue,green

toLocaleString()方法经常也返回与toString()和valueOf()方法相同的值,但也不总是如此。当调用数组的toLocaleString()方法时,他也会创建一个数组值的以都好分割的字符串,与之前不同的是他会调用每一项的toLocaleString()方法,而不是roString()方法

         var person1 = {
toLocaleString:function(){
return "Nikolaos";
},
toString:function(){
return "Nicholas";
}
};
var person2 = {
toLocaleString:function(){
return "Grigorios";
},
toString:function(){
return "Greg";
}
};
var people = [person1,person2];
alert(people); // Nicholas,Greg
console.log(people.toString());//Nicholas,Greg
console.log(people.toLocaleString());//Nikolaos,Grigorios

join()方法,可以使用不同的分隔符来构建这个字符串,如果不给join()方法传入任何值,或者给他传入undefined,则使用逗号作为分隔符

         var colors = ["red", "blue" ,"green"];
console.log(colors.join("||")); //red||blue||green

栈方法


栈是一种LIFO(Last-In-First-Out)的数据结构,也就是最新添加的项最早被移除

push()方法可以接受任意数量的参数,把他们逐个添加到末尾,并返回修改后数组的长度

pop()方法从数组的末尾移除一项,减少数组的length值,并返回移除的项

         var colors = new Array();
var count = colors.push("red","green");
alert(count);//
var item = colors.pop();
alert(colors); //"red"
alert(item); //"green"

队列方法


队列数据结构的访问规则是FIFO(First-In-First-Out)。对列在列表的末端添加项,在列表的前端移除项

shift()能将数组的第一项移除并返回该项,同时数组的长度减1

unshift()会在数组的的前端加任意项,返回数组的长度

         var colors = new Array();
var count = colors.push("red","green");
var item = colors.shift();
alert(item);// red
var item = colors.unshift("black","pink");
alert(item);//
alert(colors);//black pink green

同时使用unshift和pop方法可以以相反的方向来模拟队列

         var colors = new Array();
var count = colors.unshift("green","black");
alert(count);//
var count = colors.unshift("pink","white");
alert(count);//
var item = colors.pop();
alert(item);// black

重排序方法


reverse()会反转数组的顺序

sort()会调用每个数组项的toString()方法,然后再按升序排列数组。sort() 可以接受一个比较函数作为参数

         var num = [1,2,3,4,10,15];
num.reverse();
alert(num); //15,10,4,3,2,1 num.sort();
alert(num);//1,10,15,2,3,4

简单的比较函数

         function compare(result1,result2){
if(result1<result2){
return -1;
}
else if(result1>result2){
return 1;
}
else{
return 0;
}
}
var values = [0,1,5,9,7,10,11]; console.log(values.sort(compare));// [0, 1, 5, 7, 9, 10, 11]

更简单的方法

         function compare(result1,result2){
return result1-result2;
} num.sort(compare);
alert(num);//1,2,3,4,10,15

操作方法


concat()会基于当前数组的所有项创建一个新的数组,具体来说就是,这个方法会创建当前数组的一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组

         var colors = ["red", "green","black"];
var colors2 = colors.concat("yellow","white");
alert(colors2); //red green black yellow white

slice()接受一或者两个参数,即要返回项的起始位置和结束位置,如果只有一个参数,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项

         var colors = ["red", "green","black"];
var colors3 = colors.slice(1,2);
alert(colors3); //green black

splice()的主要用途是向数组的中部插入项

splice()接受两个参数时:删除(删除第一项的位置,删除的项数)
       三个参数时:插入(插入的位置,0,插入的项1,插入的项2......)
       三个参数时:替换(替换的位置,1,加入的项)

         var colors = ["red", "green","black"];
var colors4 = colors.splice(1,1);
alert(colors4); //green
alert(colors);//red black
var colors4 = colors.splice(1,0,"yellow");
alert(colors);// red yellow black
var colors4 = colors.splice(1,1,"pink");
alert(colors);//red pink black

位置方法

indexOf()和lastIndexOf()接受两个参数(查找的项,查找开始的位置),其中indexOf()是从数组的开头开始向后查找,而lastIndexOf()是从数组的末尾开始向前查找。这两个方法返回要查找的项在数组当中的位置,或者在没有找到的情况下返回-1。在查找时会使用全等操作符

         var numbers = [1,2,3,4,5,4,3,2,1];
var item = numbers.indexOf(4);
alert(item);//
alert(numbers.lastIndexOf(4));//
alert(numbers.indexOf(4,4));// var person = {name:"Nicholas"};
var morePerson = [person];
alert(morePerson.indexOf(person));//

迭代方法


ECMAScript5为数组定义了5个迭代方法,每个方法都接受两个参数:要在每一项上运行的函数和运行该函数的作用域对象-影响this的值,传入这些方法中的函数接受三个参数:数组项的值、该项在数组中的位置和数组对象本身

every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true

         var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every(function(item,index,array){
return (item>2);
})
alert(everyResult);//false

some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true

         var someResult = numbers.some(function(item,index,array){
return(item>2);
})
alert(someResult);//true

filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组

         var filterResult = numbers.filter(function(item,index,array){
return(item>2);
})
alert(filterResult); //3,4,5,4,3

map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组

         var mapResult = numbers.map(function(item,index,array){
return(item*2);
})
alert(mapResult);//2,4,6,8,10,8,6,4,2

forEach():对数组中的每一项运行给定函数

         numbers.forEach(function(item,index,array){
//执行某些操作
})

归并方法

reduce()和reduceRight()这两个方法都会迭代所有数组的项,然后构建一个最终返回的值。其中,reduce()方法从数组的第一项开始,逐个遍历到最后,而reduceRight()正好相反,是从数组的最后一项开始,向前遍历到第一项。这两个方法都接受两个参数:一个在每一项上调用的函数和(可选的)作为归并基础的初始值。调用的函数接受4个参数:前一个值、当前值、项的索引和数组对象。第一次迭代发生在数组的第二项上

使用reduce()方法可以执行求数组中所有值之和的操作

         var results = [1,2,3,4,5];
var sum = results.reduce(function(prev,cur,index,array){
return prev+cur;
}) ;
alert(sum);// var sum = results.reduceRight(function(prev,cur,index,array){
return prec+cur;
})
alert(sum);//

引用类型-Array类型的更多相关文章

  1. javascript array类型用法

    javascript高级编程-Array引用类型用法总结  2016-09-17   |    357 引用类型-Array类型 引用类型是一种数据结构,用于将数据和功能联系起来. 创建对象的方式: ...

  2. JavaScript引用类型之Array类型一

    一.简介 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了.下面就来分析ECMAScript中的数组与其他语言中的数组的异同性: 1.相同点: (1)他们都是数据的有序列 ...

  3. Javascript高级编程学习笔记(13)—— 引用类型(2)Array类型

    除了Object类型之外ECMA中最常用的引用类型可能就是Array类型了 并且ECMA中的数组类型和其他大多数编程语言的数组类型存在着很大的区别 今天就介绍一下JS中的Array的特别之处 区别 1 ...

  4. JavaScript的进阶之路(三)引用类型之Object类型和Array类型

    引用类型 Object类型 function a(num){ if(num>3){ a(--num); } console.log(num); } a(5); //如何创建对象的实例 var o ...

  5. 引用类型--Object类型、Array类型

    引用类型的值(对象)是引用类型的一个实例.在ECMAScript中,引用类型是一种数据结构,它描述的是一类对象具有的属性和方法. 对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数 ...

  6. JS高程5.引用类型(2)Array类型

    Array类型: ECMAScript数组的每一项可以保存任何类型的数据,数组的大小是可以动态调整的. 创建数组的基本方式: (1)使用Array构造函数 var color=new Array(); ...

  7. 引用类型之Array类型

    Array类型 ECMAScript数组与其它语言数组一样,都是数据的有序列表.但是ECMAScript数组的每一项可以保存任何类型的数据.而且,ECMAScript数组是可以动态调整的. 1.创建和 ...

  8. JavaScript引用类型之Array类型API详解

    Array类型也是ECMASCRIPT中最常见的数据类型,而且数据的每一项可以保存任何类型的数值,而且数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新的数据.下面,总结数据的一些常用方法 ...

  9. JS_高程5.引用类型(2)Array类型

    Array类型: ECMAScript数组的每一项可以保存任何类型的数据,数组的大小是可以动态调整的. 创建数组的基本方式: (1)使用Array构造函数 var color=new Array(); ...

随机推荐

  1. 一站式解决,Android 拍照 图库的各种问题.

    在android开发中, 在一些编辑个人信息的时候,经常会有头像这么一个东西,就两个方面,调用系统相机拍照,调用系统图库获取图片.但是往往会遇到各种问题: 1.oom 2.图片方向不对 3.activ ...

  2. 移动端Web页面问题(转载)

    1.安卓浏览器看背景图片,有些设备会模糊.   用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率 ...

  3. mac 之 jmeter下载、解压、启动

    1:下载地址:http://jmeter.apache.org/download_jmeter.cgi 2:双击下载的zip文件,即可解压 3:打开终端,cd 到解压的目录下 例如:cd  /User ...

  4. JavaScript 中string方法

    注意:JavaScript的字符串是不可变的(immutable),String类定义的方法不能改变原来字符串内容,例如String.toUpperCase()这样的方法,返回的是全新的字符串,而不是 ...

  5. Struts2的OGNL表达式语言

    一.OGNL的概念 OGNL是Object-Graph Navigation Language的缩写,全称为对象图导航语言,是一种功能强大的表达式语言,它通过简单一致的语法,可以任意存取对象的属性或者 ...

  6. iOS开发之单元测试

    开始之前 本文侧重讲述如何在iOS程序的开发过程中使用单元测试.使用Xcode自带的OCUnit作为测试框架. 一.单元测试概述 单元测试作为敏捷开发实践的组成之一,其目的是提高软件开发的效率,维持代 ...

  7. python使用总结

    近来公司的测试部门要我们开发,按他们给我测试案例,写vba脚本,方便他们做自动化测试,老大把这事交给了我做.之前没写过vba,很多API都不会用,边写边谷歌,写得很慢. 我记得测试第一次做的是打开关闭 ...

  8. Java调用批处理或可执行文件

    import java.io.BufferedReader; import java.io.InputStreamReader; public class Test { public static v ...

  9. Linux_10个需要了解的Linux网络和监控命令(转)

    源文地址:http://www.linuxde.net/2013/10/15325.html 1. hostname hostname 没有选项,显示主机名字 hostname –d 显示机器所属域名 ...

  10. Python之路Day15--JavaScript(一)

    一.JavaScript简介 JavaScript是世界上最流行的脚本语言,因为你在电脑.手机.平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的. ...