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:的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01Vue.js 是什么-icode9专业技术文章分享
- 2024-11-01Vue3入门教程:从零开始搭建第一个Vue3项目
- 2024-11-01详解vueRouter4基础教程
- 2024-11-01Vuex4课程:初学者的完整入门指南
- 2024-10-31Vue3课程:新手入门到初级掌握
- 2024-10-31Vue3课程:新手入门到初级应用详解
- 2024-10-31VueRouter4课程:新手入门与实战指南
- 2024-10-31Vuex4学习:从入门到初级实战教程
- 2024-10-31Vue3教程:新手入门与基础实战
- 2024-10-31Vue教程:新手快速入门指南