HarmonyOS ArkTS里如何正确对数组进行增删改查？

let myArray: number[] = [1, 2, 3];

// 新增元素
myArray.push(4);

console.log(myArray); // 输出: [1, 2, 3, 4]
1.
2.
3.
4.
5.
6.

let myArray: number[] = [1, 2, 3, 4];

// 删除下标为 1 的元素 (即第二个元素)
myArray.splice(1, 1);

console.log(myArray); // 输出: [1, 3, 4]
1.
2.
3.
4.
5.
6.

let myArray: number[] = [1, 2, 3, 4];

// 直接替换下标为 2 的元素 (即第三个元素)
myArray[2] = 5;

console.log(myArray); // 输出: [1, 2, 5, 4]

// 也可以使用 splice 方法来替换
myArray.splice(2, 1, 6);

console.log(myArray); // 输出: [1, 2, 6, 4]
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

let myArray: number[] = [1, 2, 3, 4];

// 取得下标为 2 的元素 (即第三个元素)
let element = myArray[2];

console.log(element); // 输出: 3
1.
2.
3.
4.
5.
6.

let myArray: number[] = [1, 2, 3];

// 新增元素
myArray.push(4);
console.log('After push:', myArray); // 输出: [1, 2, 3, 4]

// 删除下标为 1 的元素
myArray.splice(1, 1);
console.log('After delete:', myArray); // 输出: [1, 3, 4]

// 替换下标为 2 的元素
myArray[2] = 5;
console.log('After replace:', myArray); // 输出: [1, 3, 5]

// 取得下标为 0 的元素
let element = myArray[0];
console.log('Element at index 0:', element); // 输出: 1
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

@Entry 
@Component 
struct ArrayDemo { 
  @State message: string = 'Hello World'; 
  // 创建一个数组 
  @State testList: Array<string> = ['测试1', '测试2', '测试3']; 
 
  build() { 
    Row() { 
      Column() { 
        Button('新增元素') 
          .onClick(() => { 
            // this.testList.push('测试4')//在数组末尾添加一个测试4 
            this.testList.unshift('测试0'); // 在数组开头添加一个测试0 
          }) 
        Button('删除元素') 
          .onClick(() => { 
            // this.testList.pop(); // 删除最后一个元素，数组变为['测试1', '测试2'] 
            this.testList.shift(); // 删除第一个元素，数组变为['测试2', '测试3'] 
          }) 
        Button('删除某一下标元素') 
          .onClick(() => { 
            this.testList.splice(2, 1); //删除下标为2的元素 
          }) 
        Button('替换某一下标元素') 
          .onClick(() => { 
            this.testList[1] = '测试替换'; //替换下标为1的元素 
          }) 
        Button('获取某一下标元素') 
          .onClick(() => { 
            let test = this.testList[2]; //获取下标为2的元素 
            console.info(test) 
          }) 
        Text(this.testList.toString()) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.