TS Array数组

TS Array数组

数组 数据存储的集合

声明数组的两种方式

1.只声明不赋值

let arr1:string[]
// <T>  泛型
let arr2:Array<number>

数组在使用前要先赋值

2.边声明边赋值

let arr3:string[]=[];//空数组
// [数据1,数据2,数据3.......数据n] 数据之间用,隔开
let arr4:string[]=['zhangsan','lisi','王五'];
let arr5:Array<number>=[]
let arr6:Array<number>=[1,2,3,4,5,6]
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*[]=['张三','李四','徐俊大','李敏猪','哈哈']

元素名称:类型=数组名[下标/索引] 下标从0开始

let name1:string=names[0];//下标从0开始
console.log(name1);
let namen:string=names[names.length-1];//最后一个元素的下标 length-1
console.log(namen);

添加元素
names[5]='宝宝'
console.log(names);
names[1]='芭比';//替换了原来的元素
console.log(names);
names[6]='qq';//中间会有很多空值
console.log(names)
console.log(names.length)

遍历:把所有的数据检查一遍

for(let i=0;i<names.length;i++){
    let namem:string=names[i];
    console.log('姓名:'+namem);
}

使用for in遍历 没有赋值的会自动跳过去

// i  是下标/
for(let i in names){
    console.log(names[i]);
}

数组属性

拼接数组，并组成新的数组

let arr7:string[]=['sdf','asd','bk'];
let arr8:string[]=names.concat(arr7)
console.log(arr8);

join：把数组变成字符串，并用指定的分隔符分割

console.log(names.join('/'));

pop：删除并返回最后一个元素

console.log(names.pop());

push：像末尾添加元素并返回新的长度

console.log(names.push('hello'));

reverse：颠倒元素

console.log(names.reverse());

shift：删除并返回第一个

console.log(names.shift());

slice：获取指定元素(开始下标，结束下标)

console.log(names.slice(2,5));

splice：删除指定位置的元素 并向数组添加元素

names.splice(1,1)//(删除的下标，删除的数量)
names.splice(1,1,'阿斯顿','微软人')

unshift：添加第一个

names.unshift('dfghj')

列表

列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。

@Entry
@Component
struct ArrayTestPage {
  @State message: string = 'Hello World';
  @State names:Array<string>=['张三','李四','王五','赵六','孙琪','王八','照旧','钱是','张正','张三','李四','王五','赵六','孙琪','王八','照旧','钱是','张正','张三','李四','王五','赵六','孙琪','王八','照旧','钱是','张正']
  build() {
    Column(){

      // 列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。
      List(){
        // (数组,(元素名称,下标)=>{循环体})
        ForEach(this.names,(name:string,index:number)=>{
          // ListItem只能放一个组件
          ListItem(){
            Row(){
              Text(name).fontSize(30)
              Text(`${this.names.length}`).fontSize(30)
            }
          }
        })
      }.width('100%')
      .height(300)
      .backgroundColor('#ccc')
    }
    .height('100%')
    .width('100%')
  }
}