js的splice()方法，slice()方法，split()方法的区别

最新推荐文章于 2023-11-27 13:16:48 发布

命运的不殇czl

最新推荐文章于 2023-11-27 13:16:48 发布

阅读量286

点赞数

文章标签： javascript Powered by 金山文档

本文链接：https://blog.csdn.net/qq_48881923/article/details/128778922

版权

1.splice()方法(主要用来对js中的数组进行操作，包括删除，添加，替换等)

splice()方法始终都会返回一个数组

1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）

<!DOCTYPE html>
<html>
<body>
<script>
var array = ['a','b','c','d'];
var removeArray = array.splice(0,2);
alert(array);//弹出c,d
alert(removeArray);//返回值为删除项，即弹出a,b
</script>
</body>
</html>

2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）

<!DOCTYPE html>
<html>
<body>
<script>
var array = ['a','b','c','d'];
var removeArray = array.splice(1,0,'insert');
alert(array);//弹出a,insert,b,c,d
alert(removeArray);//弹出空
</script>
</body>
</html>

3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

<!DOCTYPE html>
<html>
<body>
<script>
var array = ['a','b','c','d'];
var removeArray = array.splice(1,1,'insert');
alert(array);//弹出a,insert,c,d
alert(removeArray);//弹出b
</script>
</body>
</html>

2.slice()方法(通过索引位置获取新的数组，该方法不会修改原数组，只是返回一个新的子数组。)

两个参数(start,end)

start(必填)：它是设定新数组的起始位置；如果是负数的话，则从数组的尾部算起(-1指最后一个元素，-2 指倒数第二个元素，以此类推)。

end(可选)：设定新数组的结束位置；如果不填写该参数，默认到数组结尾；如果是负数，则表示从数组尾部开始算起（-1 指最后一个元素，-2指倒数第二个元素，以此类推）。

var arr = [1,2,3,4,5]
console.log(arr.slice(0,3))  // 输出为 [1,2,3]
arr.slice(1)  //[2,3,4,5]
arr.slice(-1)  //[5]

//获取仅包含最后一个元素的子数组
var arr=[1,2,3,4,5];
arr.slice(-1);  //[5]

//获取不包含最后一个元素的子数组
var arr=[1,2,3,4,5];
arr.slice(0, -1); //[1,2,3,4]

//获取包含 从第二个元素开始的所有元素的子数组
var arr=[1,2,3,4,5];
arr.slice(1); //[2,3,4,5]

3.split()方法(用于把一个字符串分割成字符串数组)

两个参数(separator,howmany)

separator参数：必需填。字符串或正则表达式，从该参数指定的地方分割 string Object。

howmany参数：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

"hello".split("")   
//可返回 ["h", "e", "l", "l", "o"],分割单词
 
"hello".split("", 3)    
//可返回 ["h", "e", "l"]，取单词前三个字母