zoukankan      html  css  js  c++  java
  • JavaScript数组(三)数组对象使用整理

    一.数组声明方法
    1. var  a=new Array();
    2. var a=new Array([size]);
    3.var a=new Array(['a'],[1],['b'],[123]);
    4.var a=['a',2,'b',123];(注):注意带“[]”与不带“[]”的区别
    要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

    二.数组元素访问
    var aValue=a[1];//获取数组元素的值
    a[1]='new value';//设置数组元素的值

    三、数组元素的添加
    var length=a.push([item1 [item2 [. . . [itemN ]]]]);//将一个或多个新元素添加到数组结尾,并返回数组的新长度。
    var length=a.unshift([item1 [item2 [. . . [itemN ]]]]);//将一个或多个新元素添加到数组的开始,数组中的元素自动后移,返回数组新长度。
    a.splice(index,0,[item1 [item2 [. . . [itemN ]]]])//将一个说多个新元素插入到数组的指定位置,插入位置元素自动后移,返回“”

    四、数组元素的删除
    var resl=a.pop();//移除最后一个元素并返回该元素的值。
    var resl=a.shift();//移除最前一个元素并返回该元素值,数组中元素自动前移.
    var resl=a.splice(index,count);//从指定位置开始删除指定数量的元素,以移除元素组成的数组。

    五、数组的截取和合并
    a.slice(start,[end]);//以数组的形式返回数组的一部分,注意不包括end对应的元素,如果省略end将复制start之后的所有元素。
    a.concat([item1 [item2 [. . . [itemN ]]]]);//将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组。

    六、数组拷贝
    a.slice(0);//返回数组的拷贝数组,注意是一个新的数组,不是引用
    a.concat();////返回数组的拷贝数组,注意是一个新的数组,不是引用

    七、数组元素的排序
    a.reverse()//反转元素(最前的排到追后,最后的排到最前),返回数组地址。
    a.sort();//对数组元素排序,返回数组地址。

    八、数组的字符串话
    a.join(searator);//返回字符串,这个字符串将数组的每个元素连接在一起,中间用separator隔开。
    toLocaleString、toString、valueOf:可以看做是join的特殊用法,不常用

    九、数组对象的3个属性
    1.length属性
      length属性表示数组的长度,即其中元素的个数。因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。和其他大多数语言不通的是,javascript数组的length属性石可变的,这一点需要特别注意。当length属性设置更大时,整个数组的状态事实上不会发生变化,仅仅是length属性变大;当length属性被设置的比原来小时,则原先数组中索引大于或等于length的元素的值全部被丢失。

    var arr=[12,23,5,3,25,98,76,54,56,76];
    //定义了一个包含10个数字的数组
    alert(arr.length); //显示数组的长度10
    arr.length=12; //增大数组的长度
    alert(arr.length); //显示数组的长度已经变为12
    alert(arr[8]); //显示第9个元素的值,为56
    arr.length=5; //将数组的长度减少到5,索引等于或超过5的元素被丢弃
    alert(arr[8]); //显示第9个元素已经变为"undefined"
    arr.length=10; //将数组长度恢复为10
    alert(arr[8]); //虽然长度被恢复为10,但第9个元素却无法收回,显示"undefined"

      由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置,它也有可能被隐式修改。JavaScript中可以使用一个未声明过的变量,同样,也可以使用一个未定义的数组元素(指索引超过或等于length的元素),这时,length属性的值将被设置为所使用元素索引的值加1。例如下面的代码:

    var arr=[12,23,5,3,25,98,76,54,56,76];
    alert(arr.length);
    arr[15]=34;
    alert(arr.length);

    代码中同样是先定义了一个包含10个数字的数组,通过alert语句可以看出其长度为10。随后使用了索引为15的元素,将其赋值为15,即 arr[15]=34,这时再用alert语句输出数组的长度,得到的是16。无论如何,对于习惯于强类型编程的开发人员来说,这是一个很令人惊讶的特性。事实上,使用new Array()形式创建的数组,其初始长度就是为0,正是对其中未定义元素的操作,才使数组的长度发生变化。
        由上面的介绍可以看到,length属性是如此的神奇,利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解,有助于在开发过程中灵活运用。

    2、prototype 属性

    返回对象类型原型的引用。prototype 属性是 object 共有的。
    objectName.prototype
    objectName 参数是object对象的名称。

    说明:用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。
        对于数组对象,以以下例子说明prototype 属性的用途。
        给数组对象添加返回数组中最大元素值的方法。要完成这一点,声明一个函数,将它加入 Array.prototype, 并使用它。

    function array_max()
     {
        var i,
        max = this[0];
        for (i = 1; i < this.length; i++)
        {
            if (max < this[i])
            max = this[i];
        }
        return max;
    }
    Array.prototype.max = array_max;
    var x = new Array(1, 2, 3, 4, 5, 6);
    var y = x.max();

    该代码执行后,y 保存数组 x 中的最大值,或说 6。

    3、constructor 属性

    表示创建对象的函数。
    object.constructor //object是对象或函数的名称。

    说明:constructor 属性是所有具有 prototype 的对象的成员。它们包括除 Global 和 Math 对象以外的所有 JScript 固有对象。constructor 属性保存了对构造特定对象实例的函数的引用。

    例如:

    复制代码代码如下:

    x = new String("Hi");
    if (x.constructor == String) // 进行处理(条件为真)。

    代码如下:

    function MyFunc {
       // 函数体。
    }
    代码如下:

    y = new MyFunc;
    if (y.constructor == MyFunc) // 进行处理(条件为真)。

    对于数组来说:


    y = new Array();
     
     
    更多:
  • 相关阅读:
    [moblie]safari 关闭上下文菜单和选区菜单
    [javascript] <完全开源,开心分享> HTML5 Canvas 在线图片处理《imageMagic》(single page app)开发详解[1]
    [nodejs]q&a
    [tool]webstorm 用firewatcher编译less
    前端截长屏功能
    切换路由默认回到顶部功能
    echarts 词云图和Map图兼容
    针对笔记本电脑系统默认缩放为150%导致页面放大解决方案
    关于专利的写作注意的要点(待续)
    Quartus中引脚的添加
  • 原文地址:https://www.cnblogs.com/tianma3798/p/10580051.html
Copyright © 2011-2022 走看看