彻底弄懂slice和splice的区别

时间:2021-01-11 18:06:35

总觉得数组和字符串中的一些方法的使用很难记,可能是日常都是在学理论,缺少实际应用。不多说了,继续学习吧!

一句话先提前概括:

slice(start,end) 从哪到哪开始删

splice(strt,end,index1,index2) 从什么位置开始,删几个?删了后插入什么新元素?

数组中的slice()方法

---可以用来从数组中提取指定元素

---该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回

参数:

1.截取开始的位置的索引,包含开始索引

2.截取结束的位置的索引,不包含结束索引

  -第二个参数可以忽略不写,此时会截取从开始索引往后的所有元素

  -索引可以传递一个负值,如果传递一个负值,则从后往前计算

  -1 倒数第一个

  -2 倒数第二个

彻底弄懂slice和splice的区别

彻底弄懂slice和splice的区别

彻底弄懂slice和splice的区别

arr.slice(1,-2)     -2表示截取到倒数第二个元素,但是不包含该元素

数组中的splice() 方法

-可以用于删除数组中的指定元素

-使用splice()会影响到原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回

-参数:

  第一个,表示开始位置的索引

  第二个,表示删除的数量

  第三个及以后。。可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边

彻底弄懂slice和splice的区别

彻底弄懂slice和splice的区别

彻底弄懂slice和splice的区别

彻底弄懂slice和splice的区别

字符串中的slice()方法

---可以从字符串中截取指定的内容

---不会影响原字符串,而是截取到内容返回

---参数

  第一个,开始位置的索引(包括开始位置)

  第二个,结束位置的索引(不包括结束位置)

  如果省略第二个参数,则会截取到后边所有的

  也可以传递一个负数作为参数,负数的话将会从后边计算

彻底弄懂slice和splice的区别

另外,字符串中的substring()方法也可以截取字符串,跟slice()类似

---参数

  第一个,开始位置的索引(包括开始位置)

  第二个,结束位置的索引(不包括结束位置)

不同的是这个方法不能直接接受负值作为参数,如果传递了一个负值,则默认使用0

另外,substr()方法也可以用来截取字符串

---参数

  第一个,用来截取字符串

  第二个,截取的长度

彻底弄懂slice和splice的区别