zoukankan      html  css  js  c++  java
  • slice()与splice()的区别

    一、slice(start,end)

    从start开始截取到end但是不包括end
    返回值为截取出来的元素的集合
    原始的数组不会发生变化

    //例子
    var arr1 = [1,23,44,55,66,77,888,"fff"];
    var arr2 = arr1.slice(2,4) //从index为2截取到index为4之前不包括4
    console.log(arr2); //[44,55]
    console.log(arr1); // [1,23,44,55,66,77,888,"fff"]原始数组没有被改变



    二、 splice(start,deleteCount,item1,item2…..);

    start参数 开始的位置
    deleteCount 要截取的个数
    后面的items为要添加的元素
    如果deleteCount为0,则表示不删除元素,从start位置开始添加后面的几个元素到原始的数组里面
    返回值为由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组
    这个方法会改变原始数组,数组的长度会发生变化

    //例子
    var arr3 = [1,2,3,4,5,6,7,"f1","f2"];
    var arr4 = arr3.splice(2,3) //删除第三个元素以后的三个数组元素(包含第三个元素)
    console.log(arr4); //[3,4,5];
    console.log(arr3); //[1,2,6,7,"f1","f2"]; 原始数组被改变
    
    var arr5 = arr3.splice(2,0,"wu","leon"); 
    //从第2位开始删除0个元素,插入"wu","leon"
    console.log(arr5); //[] 返回空数组
    console.log(arr3); // [1, 2, "wu", "leon", 6, 7, "f1", "f2"]; 原始数组被改变
    
    var arr6 = arr3.splice(2,3,"xiao","long");
    //从第2位开始删除3个元素,插入"xiao","long"
    console.log(arr6); //["wu", "leon", 6]
    console.log(arr3); //[1, 2, "xiao", "long", 7, "f1", "f2"]
    
    var arr7 = arr3.splice(2);//从第三个元素开始删除所有的元素
    console.log(arr7);//["xiao", "long", 7, "f1", "f2"]
    console.log(arr3); //[1, 2]



  • 相关阅读:
    git基础教程(三)
    Struts2_day04
    Struts2_day03
    Struts2_day02
    Struts2_day01
    Spring 学习02
    Spring 学习01
    Kafka 温故(五):Kafka的消费编程模型
    Kafka 温故(四):Kafka的安装
    Kafka 温故(三):Kafka的内部机制深入(持久化,分布式,通讯协议)
  • 原文地址:https://www.cnblogs.com/ygunoil/p/12522928.html
Copyright © 2011-2022 走看看