split(),slice(),splice()的区别与应用

split()是使用指定的分隔符字符串将字符串分割成子字符串,返回一个字符串数组,不改变原字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var str = "h-e-llo world"
			str1 = str.split("-")
			console.log(str1);   // ['h', 'e', 'llo world']
			str2 = str.split(" ")
			console.log(str2);	 // ['h-e-llo', 'world']
		</script>
	</body>
</html>

slice()方法提取某个字符串的一部分,并返回一个新的字符串,不会改变原字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		
			var str = "hello world"
			//一个参数时从当前参数的索引位置开始一直截取到结尾
			var str1 = str.slice(1)
			console.log(str1);  //ello world
			//两个参数时从第一个参数的索引位置截取到第二个参数的索引位置,但不包括第二个参数索引位置的字符串
			var str2 = str.slice(0,2)
			console.log(str2);  //he
			//支持负数,如果一个参数是负数时,则是从后往前截取,输参数是多少,就截取多少位
			var str3 = str.slice(-3)
			console.log(str3);	//rld
		</script>
	</body>
</html>

splice()方法通过删除或者添加新元素来修改数组,并以数组形式返回被修改的内容,此方法会改变原数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// 语法:Array.splice(index,length,item1,item2)
		//表示删除从索引值为2开始向后的1个元素(包括索引为2的元素),并添加了item...
		var fruits = ["Banana", "Orange", "Apple", "Mango"];
		fruits.splice(2,1,"Lemon","Kiwi");
		console.log(fruits);//['Banana', 'Orange', 'Lemon', 'Kiwi', 'Mango']
		
		//表示如果没有item参数,只删除从索引值为2往后的1个元素(包括索引为2的元素)
		var fruits1 = ["Banana", "Orange", "Apple", "Mango"]
		fruits1.splice(2,1);
		console.log(fruits1);//['Banana', 'Orange', 'Mango']
		</script>
	</body>
</html>

总结

  1. split(),slice()是用来操作字符串的,splice()用来操作数组

2. split()不改变原字符串,返回数组,()里面需要添加一个分隔符字符串,

slice()不改变原字符串,返回新的字符串,()括号里面放起始位置

splice()改变元素组,返回修改后的新数组,()括号里面放起点,删除个数,添加元素

猜你喜欢

转载自blog.csdn.net/Mr_xiaoxuboke/article/details/125233168