zoukankan      html  css  js  c++  java
  • javascript的splice()方法备注

    splice,请注意是splice不是split,尽管二者长相很像但不是一个东西。

    splice不是split都是可以用于数组操作有关的。

    先说说split,split是根据一定的标识符分割一个字符串,返回的是数组。

    例子:var a1="a,b,c";

    var a2=a1.split(",");//返回数组["a","b","c"]

    最奇妙的是这个应用:

    var a1="blogguy";

    var a2=a1.split("");//返回数组["b","l","o","g","g","u","y"]

    说完了开胃菜,下面来认识一下splice,该函数于插入、删除或替换数组的元素。

    语法

    arrayObject.splice(index,howmany,element1,.....,elementX)

    参数 描述
    index

    必需。规定从何处添加/删除元素。

    该参数是开始插入和(或)删除的数组元素的下标,必须是数字。

    howmany

    必需。规定应该删除多少元素。必须是数字,但可以是 "0"。

    如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。

    element1 可选。规定要添加到数组的新元素。从 index 所指的下标处开始插入。
    elementX 可选。可向数组添加若干元素。

    返回值

    如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

    说明

    splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

    注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。

     

    下面通过例子来说明:

    例子 1

    在本例中,我们将创建一个新数组,并向其添加一个元素:

    <script type="text/javascript">
    
    var arr = new Array(6)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    arr[3] = "James"
    arr[4] = "Adrew"
    arr[5] = "Martin"
    
    document.write(arr + "<br />")
    arr.splice(2,0,"William")
    document.write(arr + "<br />")
    
    </script>

    输出:

    George,John,Thomas,James,Adrew,Martin
    George,John,William,Thomas,James,Adrew,Martin
     

    例子 2

    在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:

    <script type="text/javascript">
    
    var arr = new Array(6)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    arr[3] = "James"
    arr[4] = "Adrew"
    arr[5] = "Martin"
    
    document.write(arr + "<br />")
    arr.splice(2,1,"William")
    document.write(arr)
    
    </script>

    输出:

    George,John,Thomas,James,Adrew,Martin
    George,John,William,James,Adrew,Martin
     

    例子 3

    在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:

    <script type="text/javascript">
    
    var arr = new Array(6)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    arr[3] = "James"
    arr[4] = "Adrew"
    arr[5] = "Martin"
    
    document.write(arr + "<br />")
    arr.splice(2,3,"William")
    document.write(arr)
    
    </script>

    输出:

    George,John,Thomas,James,Adrew,Martin
    George,John,William,Martin
  • 相关阅读:
    《页面优化》-- 一个大话题,也是一个面试比较老俗的问题
    Single-SPA 前端微服务化 动态路由多系统合并
    浏览器的DNS缓存查看和清除
    es6 的类 class
    数据驱动表格| 根据json数据,自动生成合并式table
    隐式调用 以及使用技巧
    柯里化currying + 隐式调用 = 一个有名的add面试题
    工作笔记
    php升级版本
    git使用
  • 原文地址:https://www.cnblogs.com/Fskjb/p/1758413.html
Copyright © 2011-2022 走看看