对于一些方法,我认为,始终是在使用中才能,更好的理解使用,就如学以致用,单纯的学习是记不住的,放在实践中,才会理解其含义,这本身就是学习的本质,
所以还是要动手做吧,这是学习,掌握最快捷的方法;
我的另一篇https://blog.csdn.net/ZHXT__/article/details/98253996
今天我们来看看javascript中一些常用的方法吧,
splice()
既然是方法,那前面必须跟着一个对象,才能使用 ,所以基本形式为 xx.splice()
;
而splice中一共可以传递三个参数, 我们就来一个个试试吧
基本页面如图:
这里使用的是vue ,比较快的实现一个页面的快速搭建;
lists:['A','B','C,'D']
对于splice使用,我想强的是第二个参数的使用,知道了他,就基本理解了这个函数的使用,
这里分为 : 空 0 1 ,n
为 空
时:这里也就值传递一个参数; 例如 this.lists.splice(2);
为0
时 : this.lists.splice(2,0);
没有任何变化,那在传递一个从参数呢?? this.lists.splice(2,0,'F');
成功加到了"2" 的位置上;
如果在第三个参数后面传几 个参数呢??? this.lists.splice(2,0,'F','G','h');
好了, 最后一种情况了
第二个参数为:1
--------- this.lists.splice(2,1);
this.lists.splice( 2,1,‘G’,‘H’,‘J’);
总结下:
为空时, 这里会遍历到最后一个元素, 从第一个参数起始位全部删除
0:代表 替换 ,存在第 三个参数时: 为添加
1: 代表删除 : 存在第 三个参数时: 为添加(先删除在添加)
但是slice (1,4) 发现并没有发生什么改变, 是方法用错了吗,
不,其实这是因为,slice() 会将其返回值生成一个新的数组, 不会影响原数组
这里那就继续使用list来接收他, 注意这是一个接收的数组
这是就需要另一个对象去接收他了
this.lists=this.lists.slice(0,1);
this.lists=this.lists.slice(0,4)
;
两个参数分别为索引的初始值,以及索引的结束值 但是不包括最后那个
newlist.length==(end-start)
如果是一个参数的话,代表是第一个参数:
this.lists=this.lists.slice(0)
; 效果与前面是一样的,
this.lists=this.lists.slice(-1)
;倒数第一个
this.lists=this.lists.slice(-2); 倒数后两个
这里有一个slice 方法很相似的方法是substring(),
它是在字符串的方法,但是这个方法不能接收为负的参数
其他的话有兴趣,大家可以自己去测试吧
其他的函数亦是如此:
我先贴一下方法: 有空再继续写 (哈哈哈~~~~~~~~~~)
push 与pop
相互对立 入栈与出栈
shift 与 unshift
也是相互对立的