微搭低代码零基础入门课(第七课)

简介: 微搭低代码零基础入门课(第七课)

低代码中,最有用的数据结构就是数组了。所谓的数组就是一组数据的集合,这组数据可以是基本变量,如字符串、数值、布尔值,也可以是复杂类似,比如数组里放数组,或者数组里存放对象。


创建数组


创建数组有两种方式,一种是可视化的在变量里创建,另外一种是在低代码中创建。


可视化创建,点击应用编辑器的变量,创建一个数组类型的变量,并且赋予初始值


也可以在低码编辑器中,直接定义数组变量并且赋予初始值


常见的属性及api


数组常见的属性是可以通过变量名.length来获取数组的长度,如果是空数组长度为0

可以通过数组的下标来访问里边具体的元素,下标是从0开始计算位置


我们可以直接通过数组的变量名.toString()方法输出数组的所有元素

也可以调用join方法按照自己的需要进行组装输出


字符串可以调用split方法进行分割,转换成数组

除了上述方法外,数组支持从头部或者尾部添加或删除元素,从尾部添加是调用push方法,从尾部删除是调用pop方法

从头部添加是调用unshift方法,从头部删除是调用shift方法


循环绑定


除了在低码中通过api的方式调用外,数组最常用的就是在组件上进行变量绑定了

我们一般是在普通容器上绑定循环展示,文本组件从循环里绑定变量


示例代码


/*
* 可通过 $page 获取或修改当前页面的 变量 状态 handler lifecyle 等信息
* 可通过 app 获取或修改全局应用的 变量 状态 等信息
* 具体可以 console.info 在编辑器Console面板查看更多信息
* 如果需要 async-await,请在方法前 async
*/
export default {
  onPageLoad(query) {
    //console.log('---------> LifeCycle onPageLoad', query)
    let orderitems = []
    console.log("数组的长度",orderitems.length)
    orderitems = [1,2,3,4]
    console.log("数组的第二个元素",orderitems[1])
    console.log(orderitems.toString())
    console.log(orderitems.join("-"))
    let zifuchuan = "1,2,3,4,5"
    orderitems = zifuchuan.split(",")
    console.log(orderitems)
    orderitems.push("6")
    console.log(orderitems)
    orderitems.pop()
    console.log(orderitems)
    orderitems.unshift("7")
    console.log(orderitems)
    orderitems.shift()
    console.log(orderitems)
    $page.dataset.state.orderitems = orderitems
  },
  onPageShow() {
    //console.log('---------> LifeCycle onPageShow')
  },
  onPageReady() {
    //console.log('---------> LifeCycle onPageReady')
  },
  onPageHide() {
    //console.log('---------> LifeCycle onPageHide')
  },
  onPageUnload() {
    //console.log('---------> LifeCycle onPageUnload')
  },
}

总结


本篇是我们零基础入门课的最后一篇,我们用七篇篇幅介绍了微搭低代码中变量的基础知识,包括变量的创建、类型的选择、变量的初始化,以及每种类型的api方法。


如果想要深入的了解低代码,还需掌握数据库、云函数、小程序api等相关知识。如果是希望自己做应用,还需要具备数据库设计、需求分析的能力,模块设计的能力。


当然了,很多读者都是零基础入门,还是应该遵循着编程入门从易到难的路径,逐步学习。你看似感觉简单的应用,背后往往代表着巨大的付出。书山有路勤为径,学海无涯苦作舟。保持日日精进的态度,学习的久了,慢慢的困难也变成了容易,祝你早日熟练的做出自己满意的应用来。


相关文章
|
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 小程序
微搭低代码零基础入门课
微搭低代码零基础入门课
微搭低代码零基础入门课
|
人工智能 搜索推荐 开发者
|
运维 监控 前端开发
一文吃透前端低代码的 “神仙生活”
一文吃透前端低代码的 “神仙生活”
217 1
|
数据可视化 Oracle 搜索推荐
一文吃透什么是低代码开发?
一文吃透什么是低代码开发?
207 0
|
移动开发 小程序 JavaScript
微搭低代码入门教程04
微搭低代码入门教程04
微搭低代码入门教程04
|
数据可视化
微搭低代码零基础入门课(第六课)
微搭低代码零基础入门课(第六课)
微搭低代码零基础入门课(第六课)
|
前端开发 API
微搭低代码零基础入门课(第二课)
微搭低代码零基础入门课(第二课)
微搭低代码零基础入门课(第二课)
|
存储 小程序 JavaScript
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)