vue学习之常用高阶函数及举例详解

发布时间：2022-04-20 09:24:08 所属栏目：语言来源：互联网

导读：高阶函数就是函数式编程的一种实现方案，通常把接受一个或多个函数作为参数，或者返回一个函数的函数叫做高阶函数。本文主要介绍vue常用高阶函数以及案例，感兴趣的朋友继续往下看吧。常用高阶函数假设, 现在有一个数组, 我们要对数组做如下一些列操作找

高阶函数就是函数式编程的一种实现方案，通常把接受一个或多个函数作为参数，或者返回一个函数的函数叫做高阶函数。本文主要介绍vue常用高阶函数以及案例，感兴趣的朋友继续往下看吧。
常用高阶函数
       假设, 现在有一个数组, 我们要对数组做如下一些列操作

找出小于100的数字:
将小于100的数字, 全部乘以2:
在2的基础上, 对所有数求和:
       通常我们会怎么做？

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<p>找出小于100的数字:</p>
<p>将小于100的数字, 全部乘以2: </p>
<p>对所有数求和:</p>

<button @click="getNum()">计算</button>
</div>

<script src="../js/vue.js"></script>
<script>
const app = new Vue({
  el: "#app",
  data: {
   nums: [10, 20, 100, 30, 320, 55, 80, 210],
   num1:0,
   num2:0,
   num3:0
  },
  methods: {
   getNum(){
    // 1. 找出<100的数字
    let newNum1 = []
    for(let num of this.nums) {
     if (num < 100) {
      newNum1.push(num)

</script>
</body>
</html>

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

Tomcat下载和安置	装饰器模式装饰设计模
无用单元采集垃圾回收	Java访问对象的属性和