let array = ['a','b','c','d','e'];
array.splice(0,array.length);
console.log(array); // 输出[],空数组,即已被清空
第二种方式:length赋值为0
let array = ['a','b','c','d','e'];
array.length = 0;
console.log(array); // 输出[],空数组,即已被清空
第三种循环清空
while (this.logicList.length > 0) {
this.logicList.splice(0, 1);
/法一: this . uploadForm = {};//法儿: this . $refs . uploadForm . resetFields();//法三: this . uploadForm . one = "" this . uploadForm . two = ""//法一: this . oldKnowList = [ ];//法二: this . oldKnowList . length = 0;
vue3里面,如果数组是用reactive()声明的,要清空数组得用list.length = 0,如果想要使用list =[],或者直接赋值类型list = [1,2,3,4,5],得把数组用ref([])来声明,然后用list.value = []来修改,然后如果是对象里面的数组,可以直接使用obj.list = []来清空,因为obj已经被响应式了.
<template>
{{list}}
<button @click="add">
说完了对象的监听和后期添加对象的操作,接下来,我们来说一说针对于数组的监听。
1、首先还是定义一组数据用于展示,hobbys 为字符串数组,friends 为对象数组
const vm = new Vue({
el: '#root',
data() {
return {
hobbys: ['抽烟', '喝酒', '烫头'],
firends: [
{ name: 'al', age: 20 },
{ name: 'hj', age
vue中数组的操作总结:
一、根据索引设置元素:
1、调用$set方法:this.arr.$set(index, val);2、调用splice方法:this.arr.splice(index, 1, val);二、合并数组:this.arr = this.arr.concat(anotherArr);三、清空数组:this.arr = [];四、主要的数组方法:
1、变异方法(修改了原始数组
如果操作对象是数组,改变数组的值用Vue的 $ set方法,改变数组的长度用数组的splice方法使数组变化变成可监听的。如果操作对象是对象。如果操作的属性是对象内已经有的值,使用$ watch,加上关键字deep深度监听对象,如果操作的属性是对象内没有的新属性。使用$set使对象变成可监听的。
使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后从这个下标开始计算,删除长度为length的元素
这种删除方式适用于任何js数组