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。

上一篇:百度地图API多个点聚合时,标注添加的标签label地图刷新就丢失的问题解决


下一篇:JSP不同情况下中文乱码解决问题