微搭低代码零基础进阶课(第二课)

简介: 微搭低代码零基础进阶课(第二课)

我们在上一篇中介绍了低码中的分支语句的语法及具体操作,本节我们介绍一下循环。编程里可能第一个门槛就是对循环的理解了,所谓的循环就是重复的干一件事,直到满足一定的条件。

如果拿生活场景打比方,比如我们去超市购物,我想买五包牛奶。那么我从货架上每取一包牛奶就计数一次,直到我拿够五包牛奶为止。

要实现这个生活场景,低码中我们使用循环语句来实现

for(牛奶的数量初始=0;牛奶的数量<5;牛奶的数量+1){
  拿牛奶到购物车
}

这里循环一共是四部分组成,第一部分是初始条件,我们这里是初始时牛奶的数量赋值为0。第二部分是判断条件,我们这里一般是使用表达式来判断结果,这里的表达式是牛奶的数量小于等于5。第三部分是计数器,一般是自增运算符,用i++来让每次的循环变量都加1。第四部分就是循环体,里边具体要执行的操作,我们这里的动作是拿牛奶到购物车。

如果用代码实现以上的逻辑的话表示为如下:

let carts = [];
for(int i=0;i<5;i++){
  carts.push("第"+i+"盒牛奶");
}
console.log(carts);

为了验证上述代码的效果,我们可以在生命周期函数中添加上述代码,在控制台中看效果

除了在低代码编辑器中实现循环外,我们还可以在组件上进行绑定,比如我们创建一个数组变量,然后使用普通容器和文本组件实现循环的效果。

实现的思路是在普通容器上绑定循环展示

在文本组件上绑定循环的内容

总结


低码中实现循环的方式有两种,一种是在低码编辑器用纯代码的方式,另一种是在组件上进行变量绑定。两种方式各有各的用途,一般如果需要对循环再进行逻辑处理的用纯码模式。如果只是简单的显示用低码做绑定即可。

相关文章
|
5月前
|
存储 C# 索引
技术经验分享:C#入门详解(8)
技术经验分享:C#入门详解(8)
28 0
|
6月前
|
SQL 安全 API
课8-隐语SCQL的开发实践
SCQL 是一种用于安全联合数据分析的工具,开放API供用户集成。通过SCDBClient可体验其功能,支持开发封装产品或集成到业务。使用流程包括部署系统、项目设置和联合分析。SCQL部署涉及环境准备及SCDB和SCQLEngine启动。示例场景是金融机构Alice联合电商平台Bob进行用户画像分析。SCDB中,项目、身份认证、数据表管理和权限信息管理是关键概念。用户需创建数据库、用户、项目,并设置权限和CCL后,发起联合分析查询。SCQL架构包含SPU,支持P2P模式,可用于聚合查询等操作。SecretNote UI界面的部署和使用,用于演示SCQL的业务场景。
|
6月前
|
移动开发 小程序 UED
微搭低代码从入门到精通01应用介绍
微搭低代码从入门到精通01应用介绍
|
前端开发 JavaScript 小程序
微搭低代码零基础入门课
微搭低代码零基础入门课
微搭低代码零基础入门课
|
移动开发 小程序 JavaScript
微搭低代码入门教程04
微搭低代码入门教程04
微搭低代码入门教程04
|
JavaScript 前端开发
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
|
前端开发 JavaScript 小程序
微搭低代码零基础进阶课(第四课)
微搭低代码零基础进阶课(第四课)
微搭低代码零基础进阶课(第四课)
|
前端开发 API
微搭低代码零基础入门课(第二课)
微搭低代码零基础入门课(第二课)
微搭低代码零基础入门课(第二课)
|
数据可视化
微搭低代码零基础入门课(第五课)
微搭低代码零基础入门课(第五课)
微搭低代码零基础入门课(第五课)