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每一项的处理