微信小程序清除wx:for载入页面数据

微信数据的循环是通过定义数组,用wx:for来循环展示在页面上。如果我们多次加载需要删除之前在页面上循环展示出的数据要怎么处理呢?

微信数据的处理其实就是对数组的处理,清除或者展示某部分数据,我们可以通过splice方法来进行操作!

splice解析及基础使用: 

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。 

arrayObject.splice(index,howmany,item1,.....,itemX)

index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置

howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1, ..., itemX:可选。向数组添加的新项目。

1、清空数组

<script>
var arr = ['六月','六月初','六月初博客站'];
console.log(arr);//打印初始数据
arr.splice(0,arr.length);
console.log(arr)//打印截取后的数据
</script>

2、清空数组指定位置参数

<script>
var arr = ['六月','六月初','六月初博客站'];
console.log(arr);//打印初始数据
arr.splice(1,arr.length);//清空下标从1开始到结束的数据(注:数组下标是从0开始)
console.log(arr)//打印截取后的数据
</script>

打印结果:['六月']

3、数组指定位置添加数据(如:删除六月初改成‘这是添加的数据’)

<script>
var arr = ['六月','六月初','六月初博客站'];
console.log(arr);//打印初始数据
arr.splice(1,1,"这是添加的数据");
console.log(arr)//打印截取后的数据
</script>

打印结果:

["六月", "这是添加的数据", "六月初博客站"]

看到这里是不是对数组操作有了更深的了解了呢?关于数组的更多操作,欢迎大家查看博客另两篇《JS关于数组的基本操作(1)》、《JS关于数组的基本操作(2)


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!