Vue数组的基本操作:slice操作
1、在Vue实例中,初始化一个数组。
nums:[1,2,3,4,5],

2、将原数组渲染显示在网页中。
数组的基本操作十:slice,原数组:{{nums}}

3、添加一个按钮,绑定点击事件,并在事件中对数组进行处理。
<button @click="sliceArr">截取</button>

4、将sliceArr定义在methods内,并对数组进行slice操作,然后将操作结果打印在控制台。

5、HBuilder编译器,点击“运行”-“运行到浏览器”选择浏览器打开。
如果不是HBuilder可以直接用浏览器打开这个html文件。

6、点击f12打开调试工具,点【截取】按钮,查看控制台输出。
可以看出,slice(start,end) start是起始索引,end是结束索引。
截取的索引是start<= index <end

7、如果不写end,则截取从开始索引到结束。
例如slice(1)

8、再次点击按钮,查看控制台输出。
可以看到截取的就是从索引位置1之后的元素。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:177
阅读量:46
阅读量:35
阅读量:129
阅读量:53