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>
总结
- split(),slice()是用来操作字符串的,splice()用来操作数组
2. split()不改变原字符串,返回数组,()里面需要添加一个分隔符字符串,
slice()不改变原字符串,返回新的字符串,()括号里面放起始位置
splice()改变元素组,返回修改后的新数组,()括号里面放起点,删除个数,添加元素