JavaScript中的split()、substr()、substring()以及slice()和splice()的用法区别

1、split() 方法用于把一个字符串分割成字符串数组，返回的是数组。
传入参数一（必选）：字符串或正则表达式，从该参数指定的地方分割。
传入参数二（可选）：该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。
代码展示：

<script type="text/javascript">
	window.onload=function(){
		var str="hello world hello student hello teacher";
		var res=str.split(" ",3);//以空格来作为切割的位置,设置数组的长度为3
		console.log(str);
		console.log(res);
	}
</script>

2、substring()方法用于提取字符串中介于两个指定下标之间的字符，返回值是一个新的字符串。
第一个参数（必选）：一个非负的整数，规定要提取的子串的第一个字符。
第二个参数（可选）：一个非负的整数，提取字符串的结束位置。如果省略该参数，那么返回的子串会一直到字符串的结尾。
注：substring() 方法返回的子串包括 起始处 的字符，但不包括 结束处 的字符。如果参数 起始位置与 结束位置 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 起始位置比 结束位置大，那么该方法在提取子串之前会先交换这两个参数。
代码展示：

<script type="text/javascript">
	window.onload=function(){
		var str="hello world";
		var res=str.substring(2,7);//从下标为2的字符开始提取，结束位置为7
		console.log(str);
		console.log(res);
	}
</script>

3、substr() 方法可在字符串中抽取从 起始下标开始的指定数目的字符，一个新的字符串。
第一个参数（必选）：截取的起始位置。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
第二个参数（可选）：子串中的字符长度。必须是数值。如果省略了该参数，那么返回从 起始位置到结尾的字串。
代码展示：

<script type="text/javascript">
	window.onload=function(){
		var str="hello world";
		var res=str.substr(2,8);//从下标为2的字符开始提取，结束位置为8
		console.log(str);
		console.log(res);
	}
</script>

4、slice() 方法可从已有的数组中返回选定的元素。不会改变原数组。
第一个参数（必须）：规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
第二个参数（可选）：规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从起始位置 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
注：返回一个新的数组，包含从起始位置 到 结束位置 （不包括该元素）的原数组中的元素。不包括结束位置的元素。
代码展示：

<script type="text/javascript">
	window.onload=function(){
		var arr=["lucy","Tina","Grees","English","China"]
		var res=arr.slice(1,3);//从下标为1的字符开始提取，结束位置为3
		console.log(arr);//原数组未改变
		console.log(res);
	}
</script>

5、splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。返回的也是一个数组，而且会改变原来的数组。
第一个参数（必选）：整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
第二个参数（必选）：要删除的项目数量。如果设置为 0，则不会删除项目。
第三个参数（可选）：向数组添加的新项目。即需要添加到数组的值。
注：splice() 方法可删除从起始位置处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从数组中删除了元素，则返回的是含有被删除的元素的数组。
代码展示-splice的删除操作：

<script type="text/javascript">
	window.onload=function(){
		var arr=["lucy","Tina","Grees","English","China"]
		var res=arr.splice(1,3);//从下标为1的字符开始删除，删除的元素个数为3
		console.log(arr);//原数组被改变
		console.log(res);//返回被删除的元素
	}
</script>

代码展示-splice实现元素的添加：

<script type="text/javascript">
	window.onload=function(){
		var arr=["lucy","Tina","Grees","English","China"]
		var res=arr.splice(1,0,"William");//从下标为1的字符开始删除，删除的元素个数为0,添加的元素是"William"，从起始位置1的地方添加元素
		console.log(arr);//原数组被改变
		console.log(res);
	}
</script>

代码展示-splice实现元素的替换：

<script type="text/javascript">
	window.onload=function(){
		var arr=["lucy","Tina","Grees","English","China"]
		var res=arr.splice(1,1,"William");//从下标为1的字符开始删除，删除的元素个数为1,添加的元素是"William"，起始天机位置为1，相当于把目前下标为1的元素进行替换
		console.log(arr);//原数组被改变
		console.log(res);//返回被删除的元素
	}
</script>