首页 > 其他分享 >手把手教你华为鸿蒙开发之第四节

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

时间:2024-11-30 15:54:24浏览次数:4  
标签:console log 鸿蒙 手把手 元素 数组 删除 第四节 songs

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

引言

在华为鸿蒙操作系统的开发中,数组是一种常用的数据结构,用于存储和管理一系列有序的元素。本文将通过 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);
  }
}

结语

数组是编程中非常基础且重要的数据结构。掌握数组的基本操作对于任何开发工作都是必要的。希望本文能帮助你在华为鸿蒙开发中更好地使用数组。如果你有任何问题或想要进一步讨论,欢迎在评论区留下你的想法。


以上就是一篇关于华为鸿蒙开发中数组操作的博客文章。希望这篇文章能帮助你更好地理解和使用华为鸿蒙开发中的数组操作。如果你在使用 DevEco Studio 进行开发时遇到任何问题,欢迎交流讨论。

标签:console,log,鸿蒙,手把手,元素,数组,删除,第四节,songs
From: https://www.cnblogs.com/Thewang/p/18578530

相关文章

  • 华为鸿蒙开发基础第三节
    华为鸿蒙开发基础第三节:一元运算符、比较运算符、逻辑运算符及运算符优先级引言在华为鸿蒙操作系统的开发中,DevEcoStudio是官方推荐的集成开发环境(IDE),它提供了代码编写、调试、打包和签名等一系列开发功能。本文将结合DevEcoStudio,详细介绍鸿蒙应用开发中常用的一元运算符......
  • 手把手教你学simulink(19.2)--使用Simulink实现机器人的物体识别和路径规划
    目录项目背景项目目标技术要求模型构建1.图像采集模块2.图像预处理模块3.物体识别模块4.路径规划模块5.结果显示模块Simulink实现示例代码MATLAB代码结论基于Simulink的机器人视觉项目可以涵盖多种应用场景,包括物体识别、路径规划、避障等。下面是一个详......
  • 手把手教你学simulink(24.3)--simulinkQ-Learning场景: 开发一个基于 Q-Learning 的无人
    目录项目背景项目目标使用工具和技术项目流程1.环境定义2.Q-Learning算法实现2.1初始化Q-Table2.2定义奖励函数2.3定义状态转移函数2.4Q-Learning更新规则3.Simulink模型构建3.1创建Simulink模型3.2添加必要的模块4.仿真测试5.结果分析关键技......
  • 手把手教你安装Pycharm--Pycharm安装详细教程(非常详细、且实用)
    简介Jetbrains家族和Pycharm版本划分:pycharm是Jetbrains家族中的一个明星产品,Jetbrains开发了许多好用的编辑器,包括Java编辑器(IntelliJIDEA)、JavaScript编辑器(WebStorm)、PHP编辑器(PHPStorm)、Ruby编辑器(RubyMine)、C和C++编辑器(CLion)、.Net编辑器(Rider)、iOS/macOS编辑器(App......
  • 鸿蒙面试 --- 性能优化
    性能优化可以从三个方面入手 感知流畅、渲染性能、运行性能感知流畅在应用开发中,动画可以为用户界面增添生动、流畅的交互效果,提升用户对应用的好感度。然而,滥用动画也会导致应用性能下降,消耗过多的系统资源,甚至影响用户体验。视觉感知优化:应用的卡顿其实就是视觉上出现了......
  • 鸿蒙NEXT元服务:论如何免费快速上架作品
    【引言】天下武功,唯快不破。本文讨论如何免费且以最快速度上架自己的作品。作者以自己从零开始到提交发布审核一共俩小时的操作流程分享给大家作参考。【1】立项选择结论:元服务,单机,工具类(非游戏)原因:单机类元服务不需要软著和备案,工具类软件恰好满足这个条件。注意:要快速上架......
  • 「Mac畅玩鸿蒙与硬件34」UI互动应用篇11 - 颜色选择器
    本篇将带你实现一个颜色选择器应用。用户可以从预设颜色中选择,或者通过输入颜色代码自定义颜色来动态更改界面背景。该应用展示了如何结合用户输入、状态管理和界面动态更新的功能。关键词UI互动应用颜色选择器状态管理用户输入界面动态更新一、功能说明颜色选择器应......
  • 鸿蒙ArkUI-X已更新适配API13啦
    ArkUI-X5.0.1Release版配套OpenHarmony5.0.1Rlease,API13,新增适配部分API13接口支持跨平台;框架能力进一步完善,支持Android应用非压缩模式,支持AndroidFragment对接跨平台。ACETools工具易用性提升,支持创建module时选择module类型、config提示优化和联动编译。组件跨平台能力......
  • 手把手教你从头编写 PDF – 第 4 部分:DIY空白页
    上一篇:手把手教你从头编写PDF–第3部分:创建您自己的非工作PDF准备好了吗?您即将亲手制作出属于自己的、完全空白的、单页PDF文档!在开始这个值得纪念的时刻之前,有必要先了解一些关于PDF文档正文的重要信息。正文部分包含所有描述您在PDF查看器中看到内容的对象。为......
  • 手把手教你从头编写 PDF – 第 5 部分:Hello World PDF
    上一篇:手把手教你从头编写PDF–第4部分:DIY空白页当恐龙还在地球上漫步的时候,我曾经谈到过构成PDF文件的各种对象。其中一种对象是流对象(streamobjects)。流对象包含了描述PDF页面外观的所有指令。在本文结束时,我们将能够创建一个“HelloWorld”PDF。为了在PDF文......