js 数组,对象 (splice,join, slice ,sort, shift, unshift)之基本方法的使用;

对于一些方法,我认为,始终是在使用中才能,更好的理解使用,就如学以致用,单纯的学习是记不住的,放在实践中,才会理解其含义,这本身就是学习的本质,
所以还是要动手做吧,这是学习,掌握最快捷的方法;

我的另一篇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 也是相互对立的