• javascript的Array对象解析


    1  一维数组

      定义:一维数组是一组具有相同类型的相关数据,并通过带索引编号的单个变量名标志每个数据项。

    2  JavaScript中创建数组

       在JavaScript中,使用var关键字后跟数组名来创建数组。然而在这个表达式的右边不是放置一个特定值,而是使用JavaScript关键字new Array()。可以在这个圆括号内指定这个数组元素的个数,但这不是必须的。如:var array = new Array(200);引用特定元素的方法是数组名后跟用括号括起来的一个索引编号(编号从0开始)。如:Document.write(array[2]);

    3 关于数组的初始化

     两中赋值方式:1)先声明后逐个赋值。如 var stu = new Array();stu[0]="**";stu[1]="##";.....;

            2) 声明赋值同时进行。如 var stu = new Array("**","$$","&&","....");

    4 Array对象

     因为数组是对象,所以他们有相关的方法和属性;且数组名最为实参传递时,是引用传递(即传递的是地址)。

    关于数组名的说明

      通过数组名引用一个数组时,可以带或不带括号。

    6 数组的length属性

     检查数组的长度大小。(数组名.length)

    7 Array对象的一些方法

    Array对象的方法

    方法

    描述

    concat()

    链接两个或更多数组并且返回连接后数组的副本

    join()

    将一个数组中的所有元素连接成一个字符串

    push()

    将新元素添加到数组的末尾并且返回新的长度

    reverse()

    反转数组中元素的次序

    shift()

    去除数组的第一个元素并且返回那个元素

    sort()

    排序数组中的元素

    splice()

                   为数组添加/去除元素

    toString()

    将数组转换成一个字符串并返回这个结果

    Unshift()

    把新元素添加到数组的开始位置并且返回新的长度

     

    8 数组方法实例

      

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/javascript">
      function arrayMethod(){
        var array1 = new Array(3,"huang","$");
        var array2 = new Array();
        array2[0] = 5;
        array2[1] = 49;
        array2[2] = 8;
        /*链接两个或更多数组并且返回连接数组的副本:3,huang,$,5,49,8*/
        var con = array1.concat(array2);
        document.getElementById("concat").innerHTML = con;
        /*将一个数组中的所有元素连接成一个字符串:3,huang,$*/
        var joi = array1.join();
        document.getElementById("join").innerHTML = joi;
        /*将新元素添加到数组的末尾并且返回新的长度:4*/
        var pus = array1.push("jinjin");
        document.getElementById("push").innerHTML = pus;
        /*反转数组中元素的次序:jinjin,$,huang,3*/
        var rever = array1.reverse();
        document.getElementById("reverse").innerHTML = rever;
        /*去除数组的第一个元素并且返回那个元素:jinjin*/
        var shif = array1.shift();
        document.getElementById("shift").innerHTML = shif;

        /*sort():
        1、默认情况下是进行升序排列.从左往右一位一位比较,直至比较出大小(若其中位数不足的补零):如:5与51,因为第一位5等于5,比较第二位,

        因为第一个数字只有一位,所以补零0小于第二个数字的第二位1,所以5小于51;如5与49比较,5大于4,所以此函数认定5大于49。所以利用此函数比较时,

        应该使相应的比较的数的位数相同(如上例5与49比较,应该写为:05与49比较)。
        2、sort() 方法可以接受一个 方法为参数 ,
        3、示例结果:排序数组中的元素:49,5,8
        */
        var sor = array2.sort();
        document.getElementById("sort").innerHTML = sor;
        /*
        splice(index,howmany,item1,.....,itemX)
        Index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
        Howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
        item1, ..., itemX:可选。向数组添加的新项目。
        注意:splice不返回(即没有返回值)
        所以示例结果为:为数组添加/去除元素:
        */
        var spl = array2.splice(3,0,"4")//
        document.getElementById("splice").innerHTML = spl;
        /*将数组转换成一个字符串并返回这个结果:49,5,8,4*/
        var tos = array2.toString();
        document.getElementById("tostring").innerHTML = tos;
        /*把新元素添加到数组的开始位置并且返回新的长度:5*/
        var unshif = array2.unshift("%%")
        document.getElementById("unshift").innerHTML = unshif;   
       }

    </script>
    </head>

    <body>
      <section>
        <p>链接两个或更多数组并且返回连接数组的副本:<span id="concat"></span></p>
        <p>将一个数组中的所有元素连接成一个字符串:<span id="join"></span></p>
        <p>将新元素添加到数组的末尾并且返回新的长度:<span id="push"></span></p>
        <p>反转数组中元素的次序:<span id="reverse"></span></p>
        <p>去除数组的第一个元素并且返回那个元素:<span id="shift"></span></p>
        <p>排序数组中的元素:<span id="sort"></span></p>
        <p>为数组添加/去除元素:<span id="splice"></span></p>
        <p>将数组转换成一个字符串并返回这个结果:<span id="tostring"></span></p>
        <p>把新元素添加到数组的开始位置并且返回新的长度:<span id="unshift"></span></p>
        <input type="button" value="array_method" onClick="arrayMethod()">
    </section>
    </body>
    </html>

     

    注意:

    1、splice()方法:(不返回

    2sort() 方法是按字符数据的ASCII码进行比较排序

    备注:本人是新人,如有不当之处,请谅解之处。谢谢!

     

  • 相关阅读:
    shell test条件检查
    Mysql 创建只读账户
    cmd 批处理创建 IIS 站点
    Linux date获取时间戳
    数据结构与算法面试题80道(25)
    数据结构与算法面试题80道(24)
    数据结构与算法面试题80道(23)
    数据结构与算法面试题80道(22)
    数据结构与算法面试题80道(21)
    数据结构与算法面试题80道(20)
  • 原文地址:https://www.cnblogs.com/sunshine-boys/p/5923227.html
Copyright © 2020-2023  润新知