手把手教你华为鸿蒙开发之第四节

The旺

发布于 2024-11-30 15:52

浏览

0收藏

华为鸿蒙开发：数组操作基础

手把手教你华为鸿蒙开发之第四节-鸿蒙开发者社区

引言

在华为鸿蒙操作系统的开发中，数组是一种常用的数据结构，用于存储和管理一系列有序的元素。本文将通过 DevEco Studio 介绍数组的基本操作，包括数组的定义、取值、修改、添加和删除元素，以及使用 splice 方法在任意位置进行更复杂的数组操作。

数组的基本操作

1. 定义数组

在鸿蒙开发中，定义数组的方式与 JavaScript 类似。以下是定义一个包含字符串的数组的例子：

@Entry
@Component
struct Index {
  build() {
    let names: string[] = ['小明', '小红', '小刚'];
    console.log('整个数组', names);
  }
}

2. 数组取值

通过下标（索引）可以访问数组中的元素。数组的索引从 0 开始。

@Entry
@Component
struct Index {
  build() {
    let names: string[] = ['小明', '小红', '小刚'];
    console.log('数组取值', names[1]); // 输出小红
    console.log('数组长度', names.length); // 输出数组的长度
  }
}

3. 数组修改

同样地，通过下标可以修改数组中的元素。

@Entry
@Component
struct Index {
  build() {
    let names: string[] = ['小明', '小红', '小刚'];
    names[2] = '小李';
    console.log('修改数组', names); // 输出修改后的数组
  }
}

数组的添加和删除

添加元素

unshift：在数组开头添加一个或多个元素，并返回新的长度。
push：在数组末尾添加一个或多个元素，并返回新的长度。

@Entry
@Component
struct Index {
  build() {
    let songs: string[] = ['遥远的她', '岁月神偷', '平凡之路'];
    songs.unshift('夜空中最亮的星'); // 在开头新增
    console.log('返回数组长度', songs.length); // 输出操作后的数组长度
    console.log('数组songs', songs);

    songs.push('岁月如歌', '匆匆那年'); // 在结尾新增
    console.log('数组', songs);
  }
}

删除元素

shift：删除数组的第一个元素，并返回被删除的元素。
pop：删除数组的最后一个元素，并返回被删除的元素。

@Entry
@Component
struct Index {
  build() {
    let songs: string[] = ['遥远的她', '岁月神偷', '平凡之路'];
    console.log('返回删除的项', songs.shift()); // 删除并输出第一个元素
    console.log('数组', songs);

    songs.pop(); // 删除最后一个元素
    console.log('数组', songs);
  }
}

使用 `splice` 方法

splice 方法可以在数组的任意位置进行删除或新增内容。它有三个参数：操作的起始位置、删除的元素数量和要新增的元素。

删除：splice(起始位置, 删除数量)
新增：splice(起始位置, 0, 新增元素)
替换：splice(起始位置, 删除数量, 新增元素)

@Entry
@Component
struct Index {
  build() {
    let songs: string[] = ['遥远的她', '岁月神偷', '平凡之路', '突然好想你', '小幸运'];
    songs.splice(2, 2); // 删除从索引2开始的两个元素
    console.log('数组songs', songs);

    songs.splice(1, 0, '演员'); // 在索引1的位置新增元素
    console.log('数组songs', songs);

    songs.splice(1, 1, '遥不可及'); // 删除索引1的元素，并替换为'遥不可及'
    console.log('数组songs', songs);
  }
}