Vue数组的基本操作:slice操作

 时间:2024-10-13 11:11:39

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作

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

Vue数组的基本操作:slice操作
  • jquery如何通过name属性来获取到id值?
  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • css如何设置textarea内容的行高
  • Web如何使用代码片段代码管理
  • css+div制作圆角矩形的四种方法
  • 热门搜索
    控烟手抄报 新型冠状病毒的手抄报 母亲节手抄报的内容 数学手抄报版面设计图 圣诞手抄报 抗战胜利手抄报 感恩母爱手抄报第一名 国庆节手抄报简单漂亮 我爱读书手抄报图片 国庆节手抄报图片大全简单又漂亮