javascript的splice、slice、split的比较
2016-08-23 17:12
609 查看
今天比较一下JavaScript Array 对象的三个方法:splice、slice、split:
1、splice定义和用法
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。
语法
arrayObject.splice(index,howmany,item1,.....,itemX)
参数 | 描述 |
---|---|
index | 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。 |
howmany | 必需。要删除的项目数量。如果设置为 0,则不会删除项目。 |
item1, ..., itemX | 可选。向数组添加的新项目。 |
返回值
类型 | 描述 |
---|---|
Array | 包含被删除项目的新数组,如果有的话。 |
说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
提示和注释
注释:请注意,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 />") [code]arr.splice(2,0,"William")
document.write(arr + "<br />")
</script>
[/code]
例子 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
George,John,Thomas,James,Adrew,Martin George,John,William,Thomas,James,Adrew,Martin
2、slice定义和用法
slice() 方法可从已有的数组中返回选定的元素。
语法
arrayObject.slice(start,end)
参数 | 描述 |
---|---|
start | 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。 |
end | 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。 |
返回值
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
说明
请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。
提示和注释
注释:您可使用负值从数组的尾部选取元素。注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。
实例
例子 1
在本例中,我们将创建一个新数组,然后显示从其中选取的元素:<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write([code]arr.slice(1)+ "<br />")
document.write(arr)
</script>[/code]
输出:
George,John,Thomas John,Thomas George,John,Thomas
例子 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 />") document.write([code]arr.slice(2,4)+ "<br />")
document.write(arr)
</script>[/code]
输出:
George,John,Thomas,James,Adrew,Martin Thomas,James George,John,Thomas,James,Adrew,Martin
3、split()定义和用法
split() 方法用于把一个字符串分割成字符串数组。
语法
stringObject.split(separator,howmany)
参数 | 描述 |
---|---|
separator | 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。 |
howmany | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。 |
返回值
一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括separator 自身。但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。
提示和注释
注释:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。注释:String.split() 执行的操作与 Array.join 执行的操作是相反的。
实例
例子 1
在本例中,我们将按照不同的方式来分割字符串:<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>
输出:
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
例子 2
在本例中,我们将分割结构更为复杂的字符串:"2:3:4:5".split(":") //将返回["2", "3", "4", "5"] "|a|b|c".split("|") //将返回["", "a", "b", "c"]
例子 3
使用下面的代码,可以把句子分割成单词:var words = sentence.split(' ')
或者使用正则表达式作为 separator:
var words = sentence.split(/\s+/)
例子 4
如果您希望把单词分割为字母,或者把字符串分割为字符,可使用下面的代码:"hello".split("") //可返回 ["h", "e", "l", "l", "o"]
若只需要返回一部分字符,请使用 howmany 参数:
"hello".split("", 3) //可返回 ["h", "e", "l"]
相关文章推荐
- JavaScript中易混淆的方法之split、splice、slice辨析比较
- JavaScript中易混淆的方法之split、splice、slice、substring、substr辨析比较
- javascript中 slice,splice和split三个函数的区别
- javascript易混淆的split()、splice()、slice()方法详解
- javascript中不易分清的slice,splice和split三个函数
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- JavaScript中 slice()、splice()和split()
- 学习笔记4--JavaScript正确使用substr() 、substring()、slice()、split()、splice()方法
- javascript的slice(),splice(),split(),substring(),substr()
- javascript中不易分清的slice,splice和split三个函数
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- JavaScript中join()、splice()、slice()和split()函数用法示例
- JavaScript中不易分清的slice,splice和split三个函数
- javascript中不易分清的slice,splice和split三个函数
- JavaScript方法join()、splice()、slice()、split()
- 字符串和数组中split().toString(),join(),splice(),slice(),substr()和substring()
- JavaScript Array.splice()和slice()的区别
- 区分 split, splice, slice
- 【JavaScript】 splice & slice
- js中slice splice split的区别