数组 数据存储的集合
声明数组两种方式 srr1数组名
1.只声明不赋值
let arr1:string[]
2.变声明变赋值
let arr3:string[]=[];//空数组
案列
//[数据1,数据2,........数据n]数据之间用,隔开
let arr4:string[]=['zhangsan','lisi','wangwu'];
let arr5:Array<number>=[];
let arr6:Array<number>=[1,2,3,4];
console.log(arr5);
console.log(arr6);
长度属性 用来确定数组中数据的数量
let l1:number=arr3.length
console.log(`arr3的长度是:${l1}`);
let l2:number=arr4.length
console.log(`arr4的长度是:${l2}`);
获取数组中的元素
let names:string[]=['张三','刘俊秀','龙队','雯雯','好啊']
元素名称:类型=数组名[下标/索引]
let name1:string=names[0];//下标从0开始
console.log(name1);
添加元素
添加元素
names[5]='彬彬'
console.log(names);
names[1]='开开';//'替换了原来的元素
console.log(names);
names[6]='qq';//中间会有很多空值
console.log(names.length)
拼接数组,并组成新的数组:names.concat
let arr8:string[]=names.concat(arr7)
console.log(arr8);
把数字变成字符串,并用分隔符分割 :names.join('/')
console.log(names.join('/'));
pop:删除并返回最后一个元素
console.log(names.pop());
向末尾添加元素并返回新的长度 :names.push
console.log(names.push('hello'));
颠倒元素:names.reverse
console.log(names.reverse());
删除并返回第一个:names.shift()
console.log(names.shift());
获取指定元素 (开始的下标,结束的下标):names.slice(2,5)
console.log(names.slice(2,5));
删除指定位置的元素 并向数组添加元素names.splice(1,1)//(删除的下标,删除数量)
names.splice(1,1)//(删除的下标,删除数量)
List:列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据,例如图片和文本。
ForEach:(数组,(元素名称,下标)=>{循环体})
Column() {
List({space:10}){
ForEach(this.task,(n:number,index)=>{
ListItem(){
Row(){
Text(`任务`)
Text(`${n}`)
}.width('90%').height(60).backgroundColor('#fff')
.borderRadius(30).border({width:1,color:'red'})
}
自定义组件:@Builder DeleteBottom(index:number)
@Builder DeleteBottom(index:number){
Row(){
Button({type:ButtonType.Capsule}){
Image($r(('app.media.ljt'))).height(30)
}.width(50).height(50)
.onClick(()=>{
this.task.splice(index,1)
})
}
}
默认登录失败:let flag:boolean=false;
if (this.acc===''||this.pwd==='') {
promptAction.showToast({message:'账号密码不能为空'})
}else {
let flag:boolean=false;//默认登录失败
for(let i:number=0;i<this.account.length;i++){
if (this.account[i] === this.acc && this.pwd === this.pwds[i]) {
//用户密码都相同
flag=true;//登录成功
break
}
成功登录 跳转页面:router.pushUrl
if (flag) {
//登录成功 跳转页面
router.pushUrl({
url:"pages/StuShowPage"
})
}