zoukankan      html  css  js  c++  java
  • JavaScript-插入concat,splice,截取slice

     1 拼接和截取:concat
     2 拼接:
     3 var newArr=arr.concat(值1,值2,值3,值4,.....);
     4 将值1值2,以及arr2中每个元素一次拼接到arr1结尾,返回新数组
     5 强调:
     6 1.concat无权修改元素组,只能返回新数组所以,必须用变量接住拼接的返回值
     7 2.concat可打散数组类型的参数为单个元素
     8 
     9 截取:(复制)
    10 var subArr=arr.slice(starti,endi+1);
    11 复制arr中starti位置开始到endi结束的元素组成子数组返回
    12 强调:
    13 1.无权修改原数组,只返回新子数组
    14 2.含头不含尾
    15 简写:
    16 1.省略第二个参数,表示一直截取到结尾
    17 2.省略单个参数
    18 
    19 删除数组中指定位置的元素
    20 arr.splice(starti,n):
    21   删除arr中starti位置开始的n个元素
    22 其实:var deletes=arr.splice(starti,n)
    23 deletes:返回的被删除的元素组成的临时子数组。
    24 
    25 插入
    26 在数组指定位置插入新元素
    27 arr.splice(starti,0,值1,值2......);
    28 在starti位置的插入新值
    29 原stati位置的值被向后顺移
    30 强调:splice,不支持打散数组参数
    31 插入:splice vs concat
    32   concat只能在开头或结尾拼接,不能中间插入.但可打散数组类型参数
    33   splice可在任意位置插入新值,但不可打散数组类型值
    34 替换数组中指定位置的元素
    35 arr.splice(starti,n,值1,值2.......)
    36 先生出starti位置的n个旧元素
    37 再在starti位置插入新值
    38 强调:删除的个数额插入的个数不必一致
    39 splice可自动调节数组的长度和位置
    40 
    41 翻转arr.reverse();
     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title></title>
     6 </head>
     7 <body>
     8 截取
     9 <script>
    10     var arr1=[1,2,3];
    11     var newArr=arr1.concat(12,23,[123,234]);
    12     //[1,2,3,12,23,[123,234]]
    13     // 0 1 2 3   4   5   6
    14     console.dir(newArr);
    15 
    16     var subArr=newArr.slice(3,5+1);
    17     console.log(String(subArr));
    18 </script>
    19 删除
    20 <script>
    21     var arr=[1,2,3,4,5];
    22           // 0 1 2 3 4
    23     //删除开头的2个元素
    24     //再拼接到arr结尾
    25     arr=arr.concat(arr.splice(0,2));
    26     console.log(String(arr));
    27     //删除结尾2个元素,再拼接到arr开头
    28     arr=arr.splice(arr.length-2,2).concat(arr);
    29     console.log(String(arr));
    30 </script>
    31 插入
    32 <script>
    33    
    34 </script>
    35 </body>
    36 </html>
  • 相关阅读:
    近期Android学习II
    近期Android学习
    Java中AQS基本实现原理
    Java中CAS 基本实现原理
    SpringBoot 消息国际化配置
    SpringBoot2.0 配置多数据源
    浅谈Java 线程池原理及使用方式
    Java并发编程之闭锁与栅栏
    Java 8 Stream API实例
    第二阶段考试
  • 原文地址:https://www.cnblogs.com/longly/p/6229011.html
Copyright © 2011-2022 走看看