画外音---简书的markdown真的太好用了,写起笔记来完全停不下来。
首先先祭出W3C的两张截图
Snipaste_2018-02-02_13-47-49.png
Snipaste_2018-02-02_13-48-17.png
今天我们的内容就从这两张图说起。
我用箭头标起来是我们要说的重点。为什么要拿出这splice与slice两种方法来说事呢,因为它们几乎囊括了数组的90%操作,数组的增,删,改,查,提取都可以靠这两个方法完成,不过我们并不会在具体用法上花什么时间去解读。
大伙注意看,我箭头所指的那两句话。嗯,字面意思很好理解啊。你要这么想,那还真就...对了!是的确实很简单,所以我的标题也是"数组中改变原始数组与返回子数组相关问题提醒",之所以在这里放出来,主要目的也是提醒自己提醒大伙,这两个万金油方法之间的不同,以及在真是的项目中该怎样使用。
我们这里用vue举例子。
Snipaste_2018-02-02_14-03-49.png
这样就就将页面中渲染的内容变更成了"张孙李赵",因为splice方法直接是在数组上进行修改的。
Snipaste_2018-02-02_14-08-54.png
而slice这种办法对数组进行修改的时候必须对list进行重新赋值,因为slice方法并没有修改list的值,而是生成了一个新的数组。
不光是数组,在javascript中,对于源数据是否改变,有这两大类的不同。如果不稍加注意,很有可能掉进坑里。
以后有空的话,我会专门把这两大类方法做一个分类,到时候在回来更新这篇文章,Over。
本篇文章意在提醒大伙,因为在做项目的时候,突然对这两中情况有点模糊,所以在这里拿出来与大伙分享。抛砖引玉,如果能帮到大伙一点点,也将是我的荣幸。
