Array对象的创建及其操作方法

一、创建数组,即实例化数组对象

有三种方式:1、 new Array();

2、new Array(size);

3、new Array(element0element1, ..., elementn);

如图:

  

二、常用的操作方法

1、concat () 方法用于连接两个或多个数组, 该方法不会改变现有的数组,而仅仅会返回被连接后的新数组;

arrayObject.concat(arrayX,arrayX,......,arrayX):arrayX 该参数可以是具体的值,也可以是数组对象,可以是任意多个; 如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组;

例如:

    

2、join () 方法用于把数组中的所有元素放入一个字符串;所以结果是返回一个用连接符连接后的字符串;

arrayObject.join(separator);separator为指定要使用的分隔符,如果省略该参数,则使用逗号作为分隔符;

例如:

    

3、pop () 方法用于删除并返回数组的最后一个元素,也就是说,原数组会改变;

arrayObject.pop();注意: 如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值;

如图:

    

4、push () 方法可向数组的末尾添加一个或多个元素,并返回新的长度;即原数组会变化;

arrayObject.push(newelement1,newelement2,....,newelementX);第一个参数为必填项,其后的参数为选填项;

如图:

    

5、reverse () 方法用于颠倒数组中元素的顺序; 该方法会改变原来的数组,而不会创建新的数组;

arrayObject.reverse();

如图:

    

6、shift () 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值;即会改变原数组;

arrayObject.shift();注意: 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值;

如图:

    

7、slice () 方法可从已有的数组中返回选定的元素;不会改变原数组;

arrayObject.slice(start,end);

参数start: 必需,规定从何处开始选取;如果是负数,那么它规定从数组尾部开始算起的位置,也就是说:-1 指最后一个元素,-2 指倒数第二个元素,以此类推;

参数end: 可选,规定从何处结束选取;该参数是数组片断结束处的数组下标;如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素;

返回值: 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素;

如图:

    

8、sort () 方法用于对数组的元素进行排序;改变原数组;

              arrayObject.sort(sortby);sortby: 可选,规定排序顺序,必须是函数;

说明:

如果调用该方法时没有使用参数,是按照字符编码的顺序进行排序;要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字;比较函数应该具有两个参数 a 和 b,其返回值如下:

          a、若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值;

          b、若 a 等于 b,则返回 0;

          c、若 a 大于 b,则返回一个大于 0 的值;

如图:

    

9、splice () 方法向/从数组中添加/删除项目,然后返回被删除的项目; 该方法会改变原始数组;

arrayObject.splice(index,howmany,item1,.....,itemX);

参数index: 必需,整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置;

参数howmany: 必需,要删除的项目数量,如果设置为 0,则不会删除项目 ;

参数item1,...,itemX: 可选,向数组添加的新项目 ;

说明:splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素;如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组;

如图:

    

10、toString () 方法可把数组转换为字符串,并返回结果;

arrayObject.toString(); 返回值与没有参数的 join() 方法返回的字符串相同;

11、toLocaleString() 把数组转换为本地字符串;

arrayObject.toLocaleString(); 首先调用每个数组元素的 toLocaleString() 方法,然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串;

如图:

12、unshift () 方法可向数组的开头添加一个或更多元素,并返回新的长度;即直接改变原数组;注意:IE下无法正常工作;

arrayObject.unshift(newelement1,newelement2,....,newelementX);

参数newelement1: 必需,向数组添加的第一个元素;

参数newelement2: 可选,向数组添加的第二个元素 ;

参数newelementX: 可选,可添加若干个元素;

如图:

    

时间: 2024-10-07 12:01:26

Array对象的创建及其操作方法的相关文章

Javascript的Array对象(一):创建、属性与检测

其实网上关于Array对象的文章有很多了,只是在这里自己整理一下,当作一个知识的梳理吧. 这里有一张关于数组的思维导图,感觉比较详细(来源http://www.cnblogs.com/coco1s/p/3953653.html). 数组简单来说就是数据的有序列表.<JavaScript语言精粹>这本书上是这么来描述的: 数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.数组是一种性能出色的数据结构.不幸的是,JavaScript没有像此类数组一样的数据结构. 作为替代,JavaSc

js中Array对象的属性和方法总结

一:属性 length length除了常见的读取数组的长度以外,也可以通过修改length的值来给数组增加或者删除元素,当length数值减少的时候,从数组末尾删除相应元素:增加的时候增加相应数量的元素,但是新增元素没有赋值的时候,初始值为undefined; 二:方法 检测数组 if(obj instanceof Array){ //执行对数组的操作 } 但是这种方法有一个问题.当页面由框架组成的时候,不同的框架中的Window对象是不同的,而Array对象实际上是Window对象的一个属性

详解Javascript中的Array对象

基础介绍 创建数组 和Object对象一样,创建Array也有2种方式:构造函数.字面量法. 构造函数创建 使用构造函数的方式可以通过new关键字来声明,如下所示: 12 var arr = new Array();console.log(arr);//[] 当然也可以不通过new关键字来声明: 12 var arr = Array();console.log(arr); //[] 如果知道数组元素的个数,也可以直接传入数字表示元素个数: 12 var arr2 = new Array(5);c

ajax之请求对象的创建以及它与服务器之间的4次“握手”(好吧其实只有3次)

request对象的创建 对于request对象的创建,我们总会第一时间反映到下列语句 var request=new XMLHttpRequest(); 不过因为各大浏览器之间的相互斗殴行为,事情是不会这么简单的. 比如非常经典的:IE浏览器没有XMLHttpRequest函数. 但这难不倒我们聪明机智的程序员,我们也有经典的应对措施: function createRequest(){     try{         request=new XMLHttpRequest();     }c

JavaScript原生对象属性和方法详解——Array对象 转载

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons

2-JavaScript Array对象(数组)

JavaScript Array 对象 1.数组创建: (1)使用Array构造函数 (2)数组字面量表示法 2.数组方法: 下面是几个重要的数组原型方法: 1)join() join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符. 2)push()和pop() push():可以接受任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后的数组的长度. pop():数组末尾移除最后一项,减少数组的

原生JS:Array对象详解

Array对象 创建数组: 数组字面量:var arr1 = [1,2,3]; Array构造函数1:var arr2 = new Array(1,2,3);  //[1,2,3] Array构造函数2:var arr3 = new Array(3);  var arr3 = new Array(‘3’);  var arr3 = new Array('ol'); 错误写法:var arr3 = new Array(3.2);  var arr3 = new Array(-3); 例:var a

javascript Array 对象

Array 对象用于在单个的变量中存储多个值. 语法: <span style="font-size:14px;">new Array(); new Array(size); new Array(element0, element1, ..., elementn);</span> 参数 size 是期望的数组元素个数.返回的数组,length 字段将被设为 size 的值. 参数 element ..., elementn 是参数列表.当使用这些参数来调用构造函

Array对象

Array对象简介 功能:Array对象提供了数组功能. Array 对象 Array 对象用于在单个的变量中存储多个值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, element1, ..., elementn); 参数 参数 size 是期望的数组元素个数.返回的数组,length 字段将被设为 size 的值. 参数 element ..., elementn 是参数列表.当使用这些参数来调用构造函数