Vue数组响应式操作及如何使用高阶函数-创新互联

这篇文章主要讲解了Vue数组响应式操作及如何使用高阶函数,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

创新互联公司是一家专业提供乌海海南企业网站建设,专注与成都做网站、成都网站设计、成都外贸网站建设H5建站、小程序制作等业务。10年已为乌海海南众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

组的响应式操作

//this.letters.push('123');//在末尾添加一个元素

//this.letters.pop();//从末尾删除一个元素
//this.letters.unshift('111');//在开端添加一个元素
//this.letters.shift();//从开端删除一个元素
//this.letters.splice(1,2);//从下标为1的元素开始删除两个元素
//this.letters.splice(1,2,'777','888');//从下标为1的元素开始删除两个元素,并插入一个新元素
//this.letters.splice(1, 0, '777', '888'); //在下标为1处插入两个元素
//this.letters.splice(2);//保留前2个元素,其他的删除掉

高阶函数

1、filter过滤函数

filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。

filter把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。

const nums = [2,3,5,1,77,55,100,200];
let newArray = nums.filter(function (n) {
  //小于100就是true,进入newArray数组
  return n < 100;
})
console.log(newArray);//[2,3,5,1,77,55]

标题名称:Vue数组响应式操作及如何使用高阶函数-创新互联
浏览地址:http://azwzsj.com/article/doggod.html