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. Redis_密码管理(转)

    一. 如何初始化redis的密码? 总共2个步骤: a.在配置文件中有个参数: requirepass  这个就是配置redis访问密码的参数. 比如 requirepass test123 b.配置 ...

  2. javascript模块化编程(三):require.js用法

    本文来自阮一峰 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require ...

  3. Java 用程序给出随便大小的10 个数,序号为1-10,按从小到大顺序输出,并输出相应的序号?

    import java.util.ArrayList; import java.util.Collections; import java.util.Iterator; import java.uti ...

  4. cordova插件开发注意事项

    1. 编写插件,先创建好cordova项目之后,在项目里开发调试好在去创建插件目录 如何在cordova项目里创建呢,在android文件夹下面的res/xml/config.xml里去加入插件 例如 ...

  5. jq随手写图片放大

    html: <img id="img1" src="<?php echo $info->business_licence_img; ?>" ...

  6. web api Route属性定义

    ASP.NET Web API路由,简单来说,就是把客户端请求映射到对应的Action上的过程.在"ASP.NET Web API实践系列03,路由模版, 路由惯例, 路由设置"一 ...

  7. 备忘-Android ViewPager 与Gallery滑动冲突解决方法

    解决方法,重新定义gallery,禁止触发pager的触摸事件 1 public class UserGallery extends Gallery implements OnGestureListe ...

  8. ASP.NET MVC 过滤器(一)

    ASP.NET MVC 过滤器(一) 前言 前面的篇幅中,了解到了控制器的生成的过程以及在生成的过程中的各种注入点,按照常理来说篇幅应该到了讲解控制器内部的执行过程以及模型绑定.验证这些知识了.但是呢 ...

  9. 说说SQL Server 网络配置

    打开Sql Server Configuration Manager,里面显示了SQL Server的网络配置,这些到底表示什么含义呢? 图一:MSSQLSERVER的协议 这些配置选项,其实就是为了 ...

  10. 关于GC和析构函数的一个趣题

    这个有趣的问题感谢装配脑袋友情提供. 请看如下代码: public class Dummy { public static Dummy Instance; ; ~Dummy() { Instance ...