zoukankan      html  css  js  c++  java
  • javascript 步步为营1——数组中concat、slice的使用

      语言这东西,感觉就是往深里学才有意思了解每一个方法的特性特征,并学会它适用的场合,那么如果再有一点创新思维和灵感,我们也可以写出很多简约而不简单的代码!

      concat比较容易理解就是数组连结,不区分重复性,一切连结到某个数组的后面,例子如下

      

    <script type="text/javascript">
    //alert(a);//此处会报错,因为它无法访问到内部的a数组
    (function(){//控制变量作用域 防止全局变量的泛滥
        var a=[1,2,3];
        document.write(a.concat(4,5));//不区分重复性,一切都连接到a数组之后1,2,3,4,5
        var b=[4,5,6];
        document.write("<br/>"+a.concat(b));//1,2,3,4,5,6
        var c=[7,8,9];
        document.write("<br/>"+a.concat(b,c));//1,2,3,4,5,6,7,8,9 
    })();
    </script>

      slice的用法说白了就是:进行数组指定位置的选取

    <script type="text/javascript">
    /*********************slice() 方法可从已有的数组中返回选定的元素。********************/
    /*
        格式:arrayObject.slice(start,end)
        start:必填 规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
        end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
    
        ps:切记返回的是start开始选取,end之前的数 不包括end!!!!,返回的个数是end-start的个数!!!
    */
    (function(){
       var a=[1,2,3,4,5,6,7];
       document.write(a.slice(1,4));//返回 2 3 4 
    })();
    </script>

    那么高级用法 就是可以尝试自己去扩展一些新的方法,比如说:为Array数组添加一个del()方法,用于删除指定索引位置的元素,同时返回剩余的内容,本人不才,网上摘得,但是做了一些修改:

    Array.prototype.del=function(n){
            if(n<0){
                return this.slice(0,this.length+n).concat(this.slice(this.length+n+1,this.length));        
            }else{
                return this.slice(0,n).concat(this.slice(n+1,this.length));
       /* concat方法:返回一个新数组,这个新数组是由两个或更多数组组合而成的。这里就是返回this.slice(0,n)/this.slice(n+1,this.length) 组成的新数组,这中间,刚好少了第n项。
       slice方法: 返回一个数组的一段,两个参数,分别指定开始和结束的位置。 */
       */ } }

    我这里修改了N的取值,可以进行正负数的选取,负数时就从倒数开始选取!

     alert(a.del(5));//返回1,2,3,4,5,7

  • 相关阅读:
    字符串常量
    二维数组中的查找
    Codeforces 156B Suspects——————【逻辑判断】
    Codeforces 156 A——Message——————【思维题】
    Codeforces 639B——Bear and Forgotten Tree 3——————【构造、树】
    Codeforces 671 A——Recycling Bottles——————【思维题】
    Codeforces 550D —— Regular Bridge——————【构造】
    Codeforces 550C —— Divisibility by Eight——————【枚举 || dp】
    codeforces 638B—— Making Genome in Berland——————【类似拓扑排序】
    codeforces 675 C ——Money Transfers——————【思维题】
  • 原文地址:https://www.cnblogs.com/caichongdd/p/2696665.html
Copyright © 2011-2022 走看看