Vue数组响应式操作及如何使用高阶函数

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

数<强>组的响应式操作

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

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

<强>高阶函数

1,滤过滤函数

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

过滤器把传入的函数依次作用于每个元素,然后根据返回值是真实的还是错误的决定保留还是丢弃该元素。

 const num=(2、3、5, 77, 55100200];
　　让newArray=num。过滤器(函数(n) {//小于100年就是真的,进入newArray数组
　　返回n & lt;100;
　　})
　　console.log (newArray);//[2、3、5、1、77、55] 

3,降低高阶函数

减少函数同样会遍历数组每一项,传入回调函数和“0 & # 39;为参数,0表示回调函数中预置值初始值为0,回调函数中参数预置值是每一次回调函数函数返回的值,currentValue是当前值

//要按数字大小排的序,我们可以这么写:
　　var arr=(10年,20年,1、2);
　　加勒比海盗。排序(函数(x, y) {
　　如果(x & lt;y) {
　　返回1;
　　}
　　如果x比;y) {
　　返回1;
　　}
　　返回0;
　　}）;//(1、2、10、20)//如果要倒序排序,我们可以把大的数放前面:
　　var arr=(10年,20年,1、2);
　　加勒比海盗。排序(函数(x, y) {
　　如果(x & lt;y) {
　　返回1;
　　}
　　如果x比;y) {
　　返回1;
　　}
　　返回0;
　　}）;//(20、10 2 1)

看完上述内容,是不是对Vue数组响应式操作及如何使用高阶函数有进一步的了解,如果还想学习更多内容,欢迎关注行业资讯频道。

Vue数组响应式操作及如何使用高阶函数