ArkTS简单的数据操作_练习

2.1变量与常量

统计点击次数

实现一个页面，显示一个数值和一个按钮，数值初始为0，每点击一次按钮增加1

点击变色

在【统计点击次数】的基础上，每次点击按钮改变数值的颜色，在红色和绿色之间切换

点击5次变色

进一步改进【点击变色】，每点击5次变色

2.2数据类型

点击变色3.0

改进【点击变色】，引入模板字符串，实现如上效果

字符串练习

练习字符串相关的一些方法（自拟参数自行尝试），实现上图效果，串a是原始字符串，串b是串a经处理之后返回的新字符串。

当熟悉基本操作后，进一步改进，

①假设串a为abcd，

每当点击charAt时，遍历串a，即第一次点chatAt串b显示a、第二次b、···、第四次d，然后又从a循环。

②假设串a为AB-c-D-哈

每当点击split时，遍历串a，第一次点split串b显示AB、第二次显示c、···、第四次哈，然后又从a循环。

提供部分初始代码：：

@Entry
@Component
struct Index {
  @State a: string = "AbCdEfG"
  @State b: string = this.a // b的初始值为a

  build() {
    Column({ space: 5 }) {
      Text("串a: " + this.a).fontSize(50)
      Text() {
        Span("串b: ").fontSize(50)
        Span(this.b)
          .fontSize(50)
          .fontColor(Color.Red)
          .fontWeight(FontWeight.Bold)
      }

      Row({ space: 5 }) {
        Button('长度').fontSize(50)
          .onClick(() => {
            this.b = this.a.length.toString()
          })

        Button('charAt').fontSize(50)
          .onClick(() => {
            this.b = this.a[0]
          })
      }
    }
    .width('100%')
  }
}

练习其它代码

模板代码：

@Entry
@Component
struct Index {
  build() {
    Column({ space: 5 }) {
      Button('点击执行一段代码')
        .fontSize(40)
        .onClick(() => {
          let nums: number[] = []; // 必须要初始化
          let nums2: number[];

          console.log(nums.length.toString())
        })
    }
    .width('100%')
  }
}

在onClick中输入想测试的代码，通过console.log输出结果，在下方的Log中查看结果。