【低代码】根据表达式(可字符串)过滤数组

原创已于 2023-07-27 10:21:10 修改 · 337 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2023-07-17 15:50:47 首次发布

Vue 3.0 同时被 3 个专栏收录

101 篇文章

订阅专栏

javascript

79 篇文章

订阅专栏

低代码

17 篇文章

订阅专栏

文章介绍了如何在基于后台低代码配置的应用中，利用字符串表达式来过滤数据。提供的示例代码展示了如何封装一个函数`filterArrayByExpression`，该函数通过将表达式字符串转化为可执行的函数，然后应用`Array.filter`方法对数据数组进行过滤，只保留满足条件的项。

正在实现一个基于后台低代码配置的应用，记录一下字符串表达式在项目用的转换与使用。以下是使用表达式过滤数据的实践代码:

表达式如下

item.readFlag===1

封装使用函数

/**
 * 获取表格数据
 * @param array 被过滤的数组 
 * @param expression 表达式
 */
function filterArrayByExpression(array, expression) {
  // 创建一个函数，用于将表达式字符串转换为可执行的函数
  const evalFunction = new Function('item', `return ${expression};`)

  // 使用 Array.filter() 方法对数组进行过滤
  const filteredArray = array.filter((item) => evalFunction(item))

  return filteredArray
}