一. 数组对象的操作方法

1. 数组的创建

var arr = new Array();           //创建一个数组
var arr = new Array([size]);     //创建一个数组并指定长度,注意是长度而不是上限
var arr = new Array([element0,[ element1[, ...[,elementN]]]]);  //创建一个数组并赋初值

值得说明的是:第二种方式创建数组并制定数组的长度,但实际上数组是变长的,可以将元素存储在制定长度之外,这时数组的长度也会发生改变。

2.数组元素的访问

var arr = new Array("a","b"); 
var brr = arr[0];     //获取数组元素的值
arr[0] = "c";         //给数组元素赋予新的值

3. 数组元素的添加

arrObj.push(newelement1,newelement2,...,newelementX);    //向数组的末尾添加一个或多个元素,并返回数组的新长度
arrObj.unshift(newelement1,newelement2,...,newelementX); //向数组的开头添加一个或多个元素,并返回数组的新长度,在这个过程中数组中的元素自动后移
arrObj.splice(insertPos,0,item1,item2,...,itemX);        //向数组指定位置添加一个或多个元素,插入位置的元素自动后移,返回""

4. 数组元素的删除

arrObj.pop();                        //移除数组中最后一个元素,并返回该元素值
arrObj.unshift();                    //移除数组中第一个元素,数组中的元素自动前移,并返回该元素的值
arrObj.splice(deletePos,deleteCount);//删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5. 数组的截取和合并

arrObj.slice(start,end);             //返回一个新数组,包含从start到end(不包括该元素)的数组中的元素。若end未被设定,将选取从start到数组结尾的所有元素
arrObj.concat(item1,item2,...itemX); //返回一个新数组,将多个数组(也可为字符串,或是数组和字符串的混合)连接为一个数组

6. 数组的拷贝

arrObj.slice(0); //返回一个新数组,该数组为原数组的一个副本
arrObj.concat(); //返回一个新数组,该数组为原数组的一个副本

7. 数组元素的排序

arrObj.sort();    //对数组中的元素排序
arrObj.reverse(); //颠倒数组中元素的顺序

8. 数组元素的字符串化

arrObj.join(sperator); //把数组中的所有元素放入一个字符串,元素是通过指定的分隔符separator进行分割
arrObj.toString(); 
arrObj.toLocaleString(); 

二. 数组对象的属性

1. length属性

length属性代表数组的长度,即其中元素的个数。由于数组的索引是从0开始的,所以一个数组的上下限分别是:0和length-1。和其它大多数语言不同的是,JavaScript数组的length属性时可变的。当length属性被设置得更大时,整个数组的状态不会发生变化,仅是length属性变化;当length属性被设置得比原来小时,则原先数组中下标大于或等于length的元素会被全部丢失。看下面的例子

var arr = [1,2,3,4,5,6,7,8,10];
console.log(arr.length);        //
arr.length = 12; 
console.log(arr.length);        // console.log(arr[8]);            //
arr.length = 5;
console.log(arr[8]);            //undefined
arr.length = 12;
console.log(arr[8]);            //undefined

JavaScript中可以使用一个未定义的数组元素(索引大于或等于length的元素),这时length属性的值将被设置为所使用元素索引的值加1。

var arr = [1,2,3];
arr[10] = 6;
console.log(arr.length);        //

2.prototype属性

返回对象原型的引用,prototype属性时object共有的。

objectName.prototype,其中objectName是对象的名称。

prototype属性提供对象的类的一组基本功能。对象的新实例继承赋予该对象原型的操作。

给数组对象添加返回数组中最大元素值的方法。为完成这一点,需将该方法添加到数组原型中,即Array.prototype。

function array_max() {
    var i; 
    var max = this[0];
    for(i=1; i<this.length; i++) {
        if(max < this[i]) max = this[i];
    }
    return max;
}
Array.prototype.array_max = array_max;
var arr = [1,5,7,3,9];
var res = arr.array_max();
console.log(res);             //9

3. constructor属性

表示创建对象的函数。

objectName.constructor,其中objectName是对象或函数的名称。

constructor是所有具有prototype属性的对象的属性。这些对象是指除Global和Math对象以外的所有JavaScript本地对象。constructor属性保存了对构造特定对象实例的函数的引用。

var x = new String("sa");
console.log(x.constructor === String);       //true

时间:2014-10-21

地点:合肥

引用:http://www.cnblogs.com/qiantuwuliang/archive/2011/01/08/1930499.html

JavaScript 数组方法和属性的更多相关文章

  1. JavaScript数组方法速查,32个数组的常用方法和属性

    JavaScript数组方法速查手册极简版 http://30ke.cn/doc/js-array-method JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方 ...

  2. 【译】你应该了解的JavaScript数组方法

    让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...

  3. JavaScript数组方法大全(推荐)

    原网址:http://www.jb51.net/article/87930.htm 数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习, ...

  4. JavaScript数组方法--every、some、fill

    接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...

  5. JavaScript 数组方法处理字符串 prototype

    js中数组有许多方法,如join.map,reverse.字符串没有这些方法,可以“借用”数组的方法来处理字符串. <!doctype html> <html lang=" ...

  6. 2018.2.27 JavaScript数组方法应用

    JavaScript数组方法应用 1.找出元素item在给定数组arr中的位置 function indexOf(arr,item){ return arr.indexOf(item); } func ...

  7. JavaScript数组方法详解

    JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中 ...

  8. JavaScript数组方法大集合

    JavaScript数组方法集合 本文总结一下js数组处理用到的所有的方法.自己做个笔记. 数组方法 concat() 合并两个或多个数组 concat()能合并两个或者多个数组,不会更改当前数组,而 ...

  9. 一站式超全JavaScript数组方法大全

    一站式JavaScript数组方法大全(建议收藏) 方法一览表 详细操作 本人总结了JavaScript中有关数组的几乎所有方法(包含ES6之后新增的),并逐一用代码进行演示使用,希望可以帮助大家! ...

随机推荐

  1. python操作mongodb之基础操作

    #coding:utf-8 __author__ = 'hdfs' import pymongo from pymongo import MongoClient client = MongoClien ...

  2. c time_t 和 oc NSDate 的转换

    c time_t 和 oc NSDate 的转换 1:time_t 转 oc NSDate time_t some_time_t=NULL; NSDate *someDate = [NSDate da ...

  3. eclipse 删除 tomcat8 重新添加的问题

    今天手贱,把Eclipse里的tomcat删掉了,然后发现后面就不能重建了,很蛋疼啊...而且今天也发现eclipse里的tomcat启动时会把本地原来conf目录下的配置比如:tomcat-user ...

  4. 空心文字闪动--css3

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  5. \bin\sh.exe:*** Couldn't reserve space for cygwin's heap,Win32 error 0

    Git一直使用都好好的,今天git pull的时候,报了如下的错误,\bin\sh.exe:*** Couldn't reserve space for cygwin's heap,Win32 err ...

  6. Qt之QRadioButton

    简述 QRadioButton部件提供了一个带有文本标签的单选框(单选按钮). QRadioButton是一个可以切换选中(checked)或未选中(unchecked)状态的选项按钮.单选框通常呈现 ...

  7. servlet和web容器之间的关系

    Java是一种动态加载和运行的语言.也就是说当应用程序持有一个类的地址(CLASSPATH)和名称(包名和类名)的情况下,可以在程序运行期 间任何时候加载这个类,并创建和使用该类的对象.Servlet ...

  8. 看懂UML图

    看懂UML类图和时序图 这里不会将UML的各种元素都提到,我只想讲讲类图中各个类之间的关系: 能看懂类图中各个类之间的线条.箭头代表什么意思后,也就足够应对 日常的工作和交流: 同时,我们应该能将类图 ...

  9. POJ--2158--------------Milking Grid(最小覆盖字符矩阵)---(开二维kmp)

    Milking Grid Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 6169   Accepted: 2573 Desc ...

  10. webservice方法内用了session,asp.net调用时注意问题

    可搜索相关:ASP.NET WebService 中使用 ASP.NET_SessionId 当前问题是:我们写了WebService给客户调用,第一个方法是登陆,传入用户名和密码,成功后在Webse ...