Vue中的辅助函数和高阶函数 map、filter、reduce:

2021/12/26 6:10:36

本文主要是介绍Vue中的辅助函数和高阶函数 map、filter、reduce:,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录

一、辅助函数:

(1-1)响应式函数 (数组更新检测):

(1-2)对象更新检测:

二、js 中的高阶函数 map、filter、reduce:

   ■ filter:

  ■ map:  

■ reduce:  


一、辅助函数:


(1-1)响应式函数 (数组更新检测):

    push()
    pop()
    shift()
    unshift()
    splice()
    sort()
    reverse()

(1-2)对象更新检测:

    1、使用Vue.set(object, propertyName, value) 或者 实例.$set(object, propertyName, value);

    例如:Vue.set(this.stu,’love’,’sing’);
 2、使用Object.assign( )

    例如:this.stu = Object.assign({ }, this.stu, {
     
              name: ‘玉山’,
     
              love:‘money’
     
         })

二、js 中的高阶函数 map、filter、reduce:

   ■ filter:

filter的参数是一个回调函数,回调函数的参数(当前数组的元素),要求回调函数必须返回一个布尔值,为true时,当前回调函数的参数(即当前的元素)添加到内部数组中,为false则过滤掉。
 

  ■ map:  

map的参数是一个回调函数,回调函数的参数(当前数组的元素),回调函数的返回值作为内部数组的元素。

■ reduce:  

reduce 实现汇总,参数是一个回调函数(上一次return的值preValue, 当前元素)和一个初始值,回调函数的返回值作为preValue。



这篇关于Vue中的辅助函数和高阶函数 map、filter、reduce:的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程