ForEach语法格式如下:
ForEach(数组名字,(Item,index) =>{item要做的事情})
实现下图效果:
代码如下:
@Entry @Component struct IndexTest { @State titles:string[] = [ '学鸿蒙', '赢取白富美', '走向人生巅峰', '影音娱乐', '海外旅游' ] build() { Column() { ForEach(this.titles,(item:string,index:number)=>{ Text(`${index + 1} ${item}`) .fontSize(25) .fontWeight(888) .fontColor(Color.Red) .padding(25) .width('100%') }) // ForEach(this.titles, (item: string, index: number) => { // Text(`${index + 1} ${item}`) // .fontSize(24) // .fontWeight(700) // .fontColor(Color.Orange) // .padding(15) // .width('100%') // }) } } }
总结:鸿蒙的ForEach提供来遍历数组,其参数就是数组,返回数组的Item和Index,相当于for循环的每一项,然后处理也是item每一项的处理