[JavaScript知识库]Javascript中splice的删除、替换、插入三种用法

学习时候经常容易搞混淆? 遂记录

学习难度★★★

splice有3个参数， splice(index,len,[item])??

其中，index:数组开始下标????????len: 替换/删除的长度?????? item:替换的值，删除操作的话 item为空?

splice作用：删除元素/插入元素/替换元素，该方法会改变原始数组

el：arr?= ['a','b','c','d']

作用1：删除元素 --- [item]为0

arr.splice(1,1)?? //['a','c','d']?????????删除起始下标为1，len长度为1的一个值

arr.splice(1,0)?? //['a','b','c','d']?

arr.splice(1,2)?? //['a','d']?

作用2：替换元素 --- item为替换的值

arr.splice(1,1,'x')? ? //['a','x','c','d'] ? ? ? ? 替换起始下标为1，长度为1的值为x'

arr.splice(1,2,'y')? ??//['a','y'','d']? ? ? ? ? ? 替换起始下标为1，长度为2的两个值为‘y'

arr.splice(1,2,'x','y')? ??//['a','x','y','d']? ?? 替换起始下标为1，长度为2的两个值为'x','y'

作用3：插入元素?---?len设置为0，item为添加的值

arr.splice(1,0,'x') ? ? ?? //['a','x','b','c','d'] ? ? ? ? 表示在下标为1处添加一项‘x'

arr.splice(1,0, 'x', 'y', 'z') //['a','x', 'y', 'z','b','c','d']? ?表示在下标为1处添加三项'x', 'y', 'z'