开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

按类别过滤EJS中的JSON

在前端开发中，EJS（Embedded JavaScript）是一种模板引擎，用于生成动态的HTML页面。当我们在使用EJS时，有时需要对JSON数据进行过滤和处理。按类别过滤EJS中的JSON可以通过以下步骤实现：

首先，确保已经安装了EJS模板引擎，并在项目中引入EJS库。
在前端页面中，使用EJS模板语法将JSON数据渲染到HTML页面上。例如，使用<%= %>标签将JSON数据输出到HTML页面上。
如果需要按类别过滤JSON数据，可以使用JavaScript的filter()方法。该方法可以根据指定的条件筛选出符合条件的数据。
在EJS模板中，可以使用JavaScript代码块来实现对JSON数据的过滤。例如，使用<% %>标签包裹JavaScript代码，在代码块中使用filter()方法对JSON数据进行过滤。

下面是一个示例代码，演示如何按类别过滤EJS中的JSON：

<!-- index.ejs -->
<!DOCTYPE html>
<html>
<head>
  <title>EJS JSON过滤示例</title>
</head>
<body>
  <h1>按类别过滤JSON</h1>
  <ul>
    <% var filteredData = jsonData.filter(item => item.category === 'category1'); %>
    <% filteredData.forEach(item => { %>
      <li><%= item.name %></li>
    <% }); %>
  </ul>
</body>
</html>

在上述示例中，我们假设有一个名为jsonData的JSON数组，其中包含多个对象，每个对象都有name和category属性。通过使用filter()方法，我们筛选出category属性为'category1'的数据，并将其渲染到HTML页面上。

这是一个简单的示例，你可以根据实际需求和JSON数据的结构进行相应的修改和扩展。

腾讯云相关产品推荐：

云服务器（CVM）：提供弹性计算能力，可满足各种规模的应用需求。详情请参考：腾讯云云服务器
云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：腾讯云云数据库 MySQL 版
云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于各种场景的数据存储和处理。详情请参考：腾讯云云存储（COS）
人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能
物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建和管理物联网应用。详情请参考：腾讯云物联网（IoT）
区块链（BCB）：提供安全、高效的区块链服务，支持构建和管理区块链网络。详情请参考：腾讯云区块链（BCB）

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

纵览全局垂直打击的组织模式（下）

本文详细记录了如何在Hexo博客中实现用图组织内容的方法，但是，请注意：以下内容并非操作教程，仅表明相信思路以供参考，或许您可以实现出更好的版本，但仅依照下文内容并不保证一定能重现，一些尝试和debug的细节过于繁琐并未列出，如有疑问欢迎留言。

01

ejs项目源码阅读

ejs项目大名鼎鼎，应该就不需要介绍了，主要收获就是得知了实现一个模板引擎的流程，ejs是将模板作为字符串逐个解析，遇到正常的html代码，就放进一个数组中去，遇到js代码则进行过滤器、包含等的处理，最后数组join成一个可以成为Function构造函数第二个参数的字符串，构造成构造函数之后就是调用返回最终的html字符串。以下是阅读源码的笔记，因为源码中遗憾有很多说明，所以笔记很少。

03

『手撕Vue-CLI』编译模板『下』

经『手撕Vue-CLI』编译模板『上』已经将大概流程编写好了，接下来就是将模板中的变量替换成用户输入的内容。

01

nodejs常用代码片段

调用：node index.js --target test 接收：const config=loadConifg(['target'],'--') //config.target----->test

02

web前端安全相关

XSS, 即为（Cross Site Scripting）, 中文名为跨站脚本攻击

05

前端原型链污染漏洞竟可以拿下服务器shell？

查看发现是一个叫“原型链污染”（Prototype chain pollution）的漏洞，还好这只是 dev 依赖，当前功能下几乎没什么影响，其修复方式可以通过升级包版本即可。

02

用前端原型链漏洞污染拿下了服务器

查看发现是一个叫“原型链污染”（Prototype chain pollution）的漏洞，还好这只是 dev 依赖，当前功能下几乎没什么影响，其修复方式可以通过升级包版本即可。

02

PortSwigger之SQL注入实验室笔记

本文仅供学习参考，其中涉及的一切资源均来源于网络，请勿用于任何非法行为，否则您将自行承担相应后果，我不承担任何法律及连带责任。

01

关于itsNeko开源博客食用方法

前言：本文是关于itsNeko开源博客食用方法详解，感谢使用本开源博客。时间过的好快，还好我都记录下来了。

03

个性化推荐系统（二）---构建推荐引擎

00

使用 key paths 创建自定义查询函数

作为一个相当严格，静态编译的语言，Swift 可能不会在语法自定义方面提供许多渠道，但这实际上确正好相反。通过如何在 Swift 中自定义操作符，Swift 中 key paths 的能力，函数/结果构建器等功能，我们有很多机会为特定用例进行调整 Swift 的语法。

03

用AI开发网站，效率翻倍，新网站1天就搞定！

从去年开始，Ai领域突飞猛进的发展，国内各种大模型以及Ai应用层出不穷，不计其数，但是我们能了解到的也就阿里、百度、腾讯、字节等这些大厂的AI应用，但是仍然有很多优秀的应用大家无法接触到，更无法使用到。

01

DASCTF｜June GKCTF X DASCTF应急挑战杯WriteUP-WEB篇

本次竞赛涵盖WEB、CRYPTO、MISC、PWN、REVERSE常规CTF五大类赛题。

02

基于 Express 应用框架的技术方案选型浅谈

现在的 Node 对于前端而言可以涵盖各个方面，包括命令行接口、插件、依赖库、脚手架以及 Web 服务等。本文是一篇对于 Node 使用的浅谈文章，会简单讲解一些个人使用 Node 的经验，分享的内容主要可分为三个方面：

03

我的大AI网站上线了！

从去年开始，Ai领域突飞猛进的发展，国内各种大模型以及Ai应用层出不穷，不计其数，但是我们能了解到的也就阿里、百度、腾讯、字节等这些大厂的AI应用，但是仍然有很多优秀的应用大家无法接触到，更无法使用到。

01

hexo配置自己的博客站点

最近业余时间利用hexo为自己搭建一个高度自定义的个人站点，站点发布在github上，访问地址为：https://cqhaibin.github.io/。本博客简单介绍实现此站点的过程。效果图如下构

07

nodeJS之Express框架---中间件

Express框架中一个非常重要的概念——中间件。在Express框架中，允许通过中间件的使用来调用各种第三方类库，这让我们的开发工作变得更为方便，也使得我们可以开发出各种更为强大的应用程序。

00

KNN分类算法原理与Python+sklearn实现根据身高和体重对体型分类

KNN算法是k-Nearest Neighbor Classification的简称，也就是k近邻分类算法。基本思路是在特征空间中查找k个最相似或者距离最近的样本，然后根据k个最相似的样本对未知样本进行分类。基本步骤为：（1）计算已知样本空间中所有点与未知样本的距离；（2）对所有距离按升序排列；（3）确定并选取与未知样本距离最小的k个样本或点；（4）统计选取的k个点所属类别的出现频率；（5）把出现频率最高的类别作为预测结果，即未知样本所属类别。下面的代码模拟了上面的算法思路和步骤，以身高+体重对

07

Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)

具体步骤： 1、安装开发工具WebStorm； 2、安装node/npm（下载地址：https://nodejs.org/download/）选择适合你的xxx.mis安装； 3、安装express框

05

Week6-脚手架项目和组件初始化开发

第一章：本周导学 1-1 本周整体内容介绍和学习方法重点：脚手架安装项目/组件功能开发。技术栈：ejs模版渲染(项目模板安装)和glob文件筛选。加餐：ejs源码解析、require源码解析。第二章：脚手架安装模版功能架构设计 2-1 脚手架安装项目模板架构设计 installTemplate 2-2 脚手架组件初始化架构设计与项目大体过程没有改变。 tiny change：文本提示名称项目名称format 组件需要填写描述信息第三章脚手架模板安装核心实现：ejs 库

02

使用 key paths 创建自定义查询函数

作为一个相当严格，静态编译的语言，Swift可能不会在语法自定义方面提供许多渠道，但这实际上确正好相反。通过自定义和重载运算符，key paths，函数/结果构建器等功能，我们有很多机会为特定用例进行调整 Swift 的语法。

01

Nodejs学习笔记（五）--- Express安装入门与模版引擎ejs

前言　　前面也学习了一些Node.js的基本入门知道，现在开始进入Web开发的部分；　　Node.js提供了http模块，这个模块中提供了一些底层接口，可以直接使用，但是直接开发网站那还是太累了，所以http模块也不单讲了，可以去看官方API：http://nodejs.org/api/http.html 　　下面我们直接从Express框架着手去进行Web开发，它实现好了更高层的接口，让Web开发更简单快捷... 简介和安装　　Express是一个轻量级、简洁、易用的Node.js Web MVC

TypeScript在react项目中的实践

前段时间有写过一个TypeScript在node项目中的实践。在里边有解释了为什么要使用TS，以及在Node中的一个项目结构是怎样的。但是那仅仅是一个纯接口项目，碰巧赶上近期的另一个项目重构也由我来主持，经过上次的实践以后，尝到了TS所带来的甜头，毫不犹豫的选择用TS+React来重构这个项目。这次的重构不仅包括Node的重构（之前是Express的项目），同时还包括前端的重构（之前是由jQuery驱动的多页应用）。

03

Hexo博客添加一言

动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。

00

nodeJS之Express框架--路由

路由路径与请求方法结合，定义了可以发出请求的端点。路由路径可以是字符串，字符串模式或正则表达式。

04

Revit二次开发之通过过滤器获取元素（第六期）

上一期我们讲了如何通过UI界面的进行元素的选择，但很多时候我们希望插件能够快速的获取元素并进行相对应的操作，省去人工的麻烦，毕竟我们共同拥有一个毛病——懒，所以这一期我们就讲讲过滤器的用法。（小编码了半天结果被浏览器那好家伙给糟蹋了，可惜了那篇文章。）

04

创建发布一个cli工具

执行kun create hellow,打印name: hellow。现在支持 kun create <name>,kun -V，而且action中可以执行一下操作，并且能得到用户传入的参数。 6.安装 chalk.js 控制台粉笔工具，方便改变打印的颜色

02

Express框架介绍

npm提供了大量的第三方模块，其中不乏许多Web框架，我们没有必要重复发明轮子，因而选择使用Express作为开发框架，目前最稳定且唯一一个Web开发框架。

01

浅析CTF中的Node.js原型链污染

文章首发于Freebuf社区https://www.freebuf.com/articles/web/361333.html

07

Matery主题添加Pjax

Pjax的使用可以在保证Nav Header Footer 不变的基础上改变 Main 的内容(适用于页面结构相对简单的主体)

01

EJS模板在express中的使用攻略及应用实例（建议收藏）

ejs当中的"E" 代表 "effective"，即【高效】。EJS 是一套非常简单的模板语言，可以帮你利用普通的 JavaScript 代码快速生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。

02

「译」创建一个Hexo主题-Part2:其他页面

在这个系列教程中，你将学习怎么从零开始制作一个 Hexo 主题。在 part1 中，我们已经着手动工并创建了首页。在这篇文章中，我们将运用所学完成剩余的页面。

00

ADB 操作命令详解及用法大全（三）

Android 系统的日志分为两部分，底层的 Linux 内核日志输出到 /proc/kmsg，Android 的日志输出到 /dev/log。

01

全球人工智能行业分析

2015年9月，美国Venture Scanner公司发表了针对全球人工智能行业的分析报告，涉及很多新兴市场。该分析报告针对人工智能（AI）行业，追踪了13个人工智能技术类别的855家产业公司，其融资总额达到了87.5亿美元。报告从多个视角对这些公司进行了分析，包括如表1所示的各类公司的数量与融资情况。表1 各类人工智能公司数量与融资情况技术类别公司数量/家公司平均融资额度/美元说明深度学习/机器学习（应用）2001384万机器学习是一种基于对已有数据学习的计算机算法技术。深度学习是机器学习的一个子类

05

开始使用 TaskBoard 吧，一款轻量级看板

每年年初似乎都有疯狂的冲动想提高工作效率。新年的决心，渴望开启新的一年，当然，“抛弃旧的，拥抱新的”的态度促成了这一切。通常这时的建议严重偏向闭源和专有软件，但事实上并不用这样。

03

node.js -4- ejs 简单教程

上面的代码将path目录下的filename.ejs文件引入到当前文件中，并将data的值传入filename.ejs文件中。

01

使用Express3.0实现<Node.js开发指南>中的微博系统

<node.js开发指南>这本书，之前有评论过，但之前并不清楚express2.x与3.x会有如此大的差异，导致在写例子的过程中痛苦不已。为了避免更多的同学在学习书的例子时，撞的头破血流，觉得还是有必要分享一下自己这次痛苦的经历。

02

折腾博客系列之发布自己的主题：PureBlue

博客内容固然是最重要的，但是抛开内容不讲，博客本身也应该带有自己的Tag，而不是光会用别人的轮子。

02

使用express框架开发，如何在ejs文件中导入外部的js、css文件

首先看一下这篇文章： https://blog.csdn.net/MPFLY/article/details/78134980

00

深入浅出mongodb之实战

再好的东西不使用它，他终究不属于你，只有我们真正的把它运用到实际，真正的理解它，才能发挥它的最大作用正所谓实践出真理。深入浅出mongodb(一)和深入浅出mongodb(二)两篇文章讲述了一些安装和使用的基础知识，这篇文章小编将带你走进实战世界，真正体会项目中是怎么使用mongodb开发，让我们一起揭开它神秘的面纱。

01

[物联网loT]树莓派实现局域网内LED亮灭

[思路]：树莓派安装express服务器，访问服务器，与服务器交互，从而控制硬件，最终实现树莓派引脚电平控制，进而实现与树莓派电路板引脚相连的LED亮与灭。

03

EJS[0]-如何使用EJS

EJS是一个JavaScript模版库，用来将EJS模版结合着JSON数据转换为HTML 并且可以直接在模版中写JavaScript的语法

04

Express+Less+Gulp配置高效率开发环境

00

Cloudera Manager配置外部身份认证的种类

Cloudera Manager支持针对内部数据库和外部服务的用户身份认证。后续博客会分别介绍如何配置支持的外部服务。

02

EJS[0]-如何使用EJS

EJS[0]-如何使用EJS 最近做的一个新项目，所以想着换一个新的模版引擎尝试一下。（之前我们一直在使用handlebars）本次源码分析所使用的是TJ大神开发的1.x版本当然现在该项目已经停止维护了，目前正在维护的是2.x版本什么是EJS EJS是一个JavaScript模版库，用来将EJS模版结合着JSON数据转换为HTML 并且可以直接在模版中写JavaScript的语法简单的示例 let template = '

Hello, <%= name %></
08

XSS 攻击案例

XSS 攻击指的是攻击者通过在受信任的网站上注入恶意的脚本，使得用户的浏览器在访问该网站时执行这些恶意脚本，从而导致信息泄露等安全问题。

01

快速入门系列--WebAPI--04在老版本MVC4下的调整

WebAPI是建立在MVC和WCF的基础上的，原来微软老是喜欢封装的很多，这次终于愿意将http编程模型的相关细节暴露给我们了。在之前的介绍中，基本上都基于.NET 4.5之后版本，其System.Net.Http程序集非常的丰富，而老版本的则相对较弱。在WebAPI v1.0(和ASP.NET MVC4在一起的版本)很多的类和接口并不存在，同时对Task异步编程（ApiController默认提供异步执行方法）的支持还有一些欠缺（缺少不少方便的扩展方法），在使用时会有一些需要注意的地方，由于一些老的项目用

06

阿丘科技之AIDI高级功能讲解二（6）

训练耗时根据设备、数据量、图片大小和参数的不同从数十分钟到数十个小时不等。在等待训练结束的过程中，观察训练过程信息随时监控训练状态，当loss不再下降时可以终止训练并保存当前模型。训练过程中保存的模型和训练正常结束后生成的模型完全相同。AIDI软件完整完成一次训练后会自动进行一次测试并弹出训练测试时间信息。

02

干货 | YOLOV5 训练自动驾驶数据集，并转Tensorrt，收藏！

BDD100K是最大的开放式驾驶视频数据集之一，其中包含10万个视频和10个任务，目的是方便评估自动驾驶图像识别算法的的进展。每个高分辨率视频一共40秒。该数据集包括超过1000个小时的驾驶数据，总共超过1亿帧。这些视频带有GPU / IMU数据以获取轨迹信息。该数据集具有地理，环境和天气多样性，从而能让模型能够识别多种场景，具备更多的泛化能力。这些丰富的户外场景和复杂的车辆运动使感知任务更具挑战性。该数据集上的任务包括图像标记，车道检测，可驾驶区域分割，道路对象检测，语义分割，实例分割，多对象检测跟踪，多对象分割跟踪，领域自适应和模仿学习。我们可以在BDD100K数据网站上下载数据。

01

ejs koa

npm https://www.npmjs.com/package/koa-static

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭