.split() vs .slice() vs .splice()

  (来源:https://m.php.cn/dic/js/split.html   https://m.php.cn/dic/js/slice.html   https://m.php.cn/dic/js/splice.html)

javascript split()方法 语法

作用:把一个字符串分割成字符串数组。

语法:stringObject.split(separator,howmany)

参数:separator    必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。    howmany    可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。    

返回:一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。

注释:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。String.split() 执行的操作与 Array.join 执行的操作是相反的。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">

    var str="How are you doing today?"

    document.write(str.split(" ") + "<br />")
    document.write(str.split("") + "<br />")
    document.write(str.split(" ",3))

</script>

</body>
</html>
运行结果为:
How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you

javascript slice()方法 语法

slice()方法怎么使用?

slice()方法可以基于当前数组创建一个新数组,而且对原数组也并不会有任何影响。

作用:从已有的数组中返回选定的元素。

语法:arrayObject.slice(start,end)

参数:start    必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。    end    可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。    

返回:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

说明:请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

注释:您可使用负值从数组的尾部选取元素。如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script type="text/javascript">

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"

    document.write(arr + "<br />")
    document.write(arr.slice(1) + "<br />")
    document.write(arr)

</script>

</body>
</html>
运行结果为:
George,John,Thomas
John,Thomas
George,John,Thomas

注意:splice() 应始终谨慎使用,因为它会修改正在处理的内容。


javascript splice()方法 语法


splice()方法怎么使用?


splice() 方法会直接对数组进行修改,可以用于插入、删除或替换数组的元素。


作用:向/从数组中添加/删除项目,然后返回被删除的项目。


语法:arrayObject.splice(index,howmany,item1,.....,itemX)


参数:index    必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany   必需。要删除的项目数量。如果设置为 0,则不会删除项目。    item1, ..., itemX    可选。向数组添加的新项目。    


返回:Array    包含被删除项目的新数组,如果有的话。    


说明:splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。


注释:该方法会改变原始数组。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<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>

</body>
</html>

运行结果为:
George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
 
posted @ 2022-07-19 10:21  Fontaine  阅读(39)  评论(0)    收藏  举报