zoukankan      html  css  js  c++  java
  • Rxjsmap

    map((previousValue) => previousValue*10)

    函数功能:

    提供一个数组(Observable),对数组的每个元素  × 10,将结果返回

    参数解析:

     previousValue: 传入的值,可以是任何类型(string、事件、数组)

    返回结果:可观察对象

    示例:

    1 const numbers$ = of(1, 2, 3, 4);
    2 numbers$.pipe(map(v => v * 10)).subscribe(result => {
    3    console.log(result);
    4  })

    上述代码中,v 依次表示 1,2,3,通过 map 执行 1×10、 2×10、 3×10,最终返回 10、20、30

    1    const box: any = document.getElementById('box');
    2    fromEvent(box, 'click').pipe(
    3       map((event: any) => event.clientX)
    4     ).subscribe(result => {
    5       console.log(result);
    6     })

    上述代码中,给box绑定点击事件,将每次点击的 click 事件传给 map,map将点击位置的 clientX 返回,subscribe中参数 result 就表示返回的 clientX。 

  • 相关阅读:
    while 循环 。。
    数据运算,运算符
    字符串常用操作
    列表常用操作
    三级菜单
    杂七杂八
    简单的登陆程序001
    猜年龄游戏
    实现密文输入密码
    使用urllib2打开网页的三种方法
  • 原文地址:https://www.cnblogs.com/wyjblog/p/15557094.html
Copyright © 2011-2022 走看看