代码干货 | 数据过滤器使用法则

本文来源于阿里云-云栖社区，原文点击这里。

数据过滤器使用法则

相信很多企业版用户已经发现编辑器出现了一个新功能「数据过滤器」，然而打开这个功能之后，又不知道怎么用。今天我们就来简单入门一下这个新功能。

能干什么

「数据过滤器」可以算是「字段映射」的升级版。一定有很多人已经用了「字段映射」这个功能用来满足不同组件之间的数据源复用。

映射前：

[
    {
        "sk": 1
    }
]

映射后：

[
    {
        "sk": 1,
        "value": 1
    }
]

那么问题来了，如果是下面这种数据格式，我该如何接入到组件上呢？

{
  "data": {
    "sk": 1
  }
}

这种情况下，就轮到「数据过滤器」出手了。

怎么用

首先过滤器使用的语法是 javascript，一种非常简单易上手的语言，可以参考 http://www.w3school.com.cn/js/pro_js_syntax.asp 学习。如果实在学不会，请求教公司里的前端哥哥、前端弟弟、前端姐姐、前端妹妹们。

回到「数据过滤器」的功能上。假设你已经学会了javascript语言，我们的每个过滤器是一个 function，接口定义如下，框架只传入一个变量 data，过滤器需要返回经过处理后的 data：

function (data) {
  // do something...
  return data;
}

你只需要书写函数体即可，比如我现在要把上一段的问题解决，我只需将 data 的数据格式由 Object 转换为 Array ，并且将 sk 字段的数值放到 value 字段上即可：

>>>展开全文