zoukankan      html  css  js  c++  java
  • Javascript 数组使用方法总结(转载)

    今天看到一篇帖子,JS中数组Array的用法{转载} http://www.blogjava.net/zks518/archive/2011/06/24/352948.html

    写的很好,从头到尾做了一遍,push, pop, shift, unshift, splice, slice, sort, join基本上就掌握了。

    具体代码如下:

    <script type="text/javascript">
    
        //push写入,pop弹出
        var arr = new Array();
        arr[0] = "aaa";
        arr[1] = "bbb";
        arr[2] = "ccc";
        arr.push("ddd");
        alert(arr);
        arr.pop()
        alert(arr);
    
        //shift是删除第一项,并返回删除元素的值;如果数组为空则返回undefined
        var a = [9, 2, 3, 4, 5];
        var b = a.shift(); //a:[2,3,4,5]   b:1
        alert(a);
        alert(b);
    
        //unshift:将参数添加到原数组开头,并返回数组的长度
        var a = [1,2,3,4,5];
        var b = a.unshift(-2,-1, 0); //a:[-2,-1,1,2,3,4,5]   b:7
        alert(a);
        alert(b);
    
        //pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined
        var a = [1,2,3,4,5];
        var b = a.pop(); //a:[1,2,3,4]   b:5//不用返回的话直接调用就可以了
    
        //push:将参数添加到原数组末尾,并返回数组的长度
        var a = [1,2,3,4,5];
        var b = a.push(6,7); //a:[1,2,3,4,5,6,7]   b:7
    
        //concat:返回一个新数组,是将参数添加到原数组中构成的
        var a = [1,2,3,4,5];
        var b = a.concat(6,7); //a:[1,2,3,4,5]   b:[1,2,3,4,5,6,7]
        alert(a);
        alert(b);
    
        //splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...
        //返回值是被删除的项
        var a = [1, 2, 3, 4, 5];
        var b = a.splice(2, 3, 7, 8, 9); //a:[1,2,7,8,9,5]   b:[3,4]
        alert(a);
        alert(b);
    
        //splice还具有先删除后添加的功能,即先删除几个元素,然后在删除的位置再添加若干元素,删除与添加的元素的个数没有必须相等,这时侯 
        //deleteCount也是要用到的。
        var a = [1,2,3,4,5];
        var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5]   b:[3,4]
        var b = a.splice(0,1); //同shift
        a.splice(0,0,-2,-1); var b = a.length;//同unshift
        var b = a.splice(a.length-1,1);//同pop
        a.splice(a.length,0,6,7); var b = a.length; //同push
    
        //reverse:将数组反序
        var a = [1,2,3,4,5];
        var b = a.reverse(); //a:[5,4,3,2,1]   b:[5,4,3,2,1]
        alert(b);
    
        //sort(orderfunction):按指定的参数对数组进行排序
        var a = [11,2,3,4,5];
        var b = a.sort(); //a:[1,2,3,4,5]   b:[1,2,3,4,5]
        alert(b);
        var c = a.sort(compare); //a:[1,2,3,4,5]   b:[1,2,3,4,5]
        alert(c);
    
        function compare(p1, p2) {
            var iN1 = parseInt(p1);
            var iN2 = parseInt(p2);
            if (iN1 < iN2)
                return -1;
            else if (iN1 > iN2)
                return 1;
            else
                return 0;
        }
    
        //slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组
        var a = [1,2,3,4,5];
        var b = a.slice(2, 5); //a:[1,2,3,4,5]   b:[3,4,5]
        alert(b);
    
        //join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
        var a = [1,2,3,4,5];
        var b = a.join("|"); //a:[1,2,3,4,5]   b:"1|2|3|4|5"
        alert(b);
    
        //再给个利用数组模拟javaStringBuffer处理字符串的方法:
        /**
        * 字符串处理函数
        */
        function StringBuffer() {
            var arr = new Array;
            this.append = function (str) {
                arr[arr.length] = str;
            };
    
            this.toString = function () {
                return arr.join(""); //把append进来的数组ping成一个字符串
            };
        }
        var a = new StringBuffer();
        a.append("中国");
        a.append("美国");
        alert(a.toString());
    
        //今天在应用中突然发现join是一种把数组转换成字符串的好方法,故封装成对象使用了:
        /**
        *把数组转换成特定符号分割的字符串
        */
        function arrayToString(arr,separator) {
        if(!separator) separator = "";//separator为null则默认为空
            return arr.join(separator);
        }
    
        var a = [1, 2, 3, 4, 5];
        alert(arrayToString(a,"*"));
    
        /**
        * 查找数组包含的字符串
        */
        function arrayFindString(arr,string) {
        var str = arr.join("");
            return str.indexOf(string);
        }
    
        var a = [1, 2, 3, 4, 5];
        alert(arrayFindString(a, "7"));
    
    </script>
    作者:BobLiu
    邮箱:lzd_ren@hotmail.com
    出处:http://www.cnblogs.com/liuzhendong
    本文版权归作者所有,欢迎转载,未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    MQTT协议探究(三)
    MQTT协议探究(二)
    MQTT协议探究(一)
    MQTT图形化客户端比较
    Ubuntu编写开机启动脚本
    线程阻塞释放的5种方法
    (转)Linux vmstat命令实战详解
    (转)MongoDB 3.0 WT引擎参考配置文件
    (转)mongodb常用命令脚本化-自动化运维
    (转)MongoDB 实现currentOp定时捕获
  • 原文地址:https://www.cnblogs.com/liuzhendong/p/2845590.html
Copyright © 2011-2022 走看看