说一说鸿蒙 数组常用的API有那些？或者说ArkTS中Array 对象常用 的API？

2024-09-03 20:28
文章标签 数组 对象 api 常用 array 或者说 鸿蒙 arkts 说一说

本文主要是介绍说一说鸿蒙 数组常用的API有那些？或者说ArkTS中Array 对象常用 的API？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

数组在编程中非常常用，通常会涉及到以下一些常用的数组API：

  1. length：返回数组的长度，即数组中元素的个数。

  2. push：向数组末尾添加一个或多个元素，并返回新的数组长度。

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

  4. shift：删除数组的第一个元素，并返回被删除的元素。

  5. unshift：向数组的开头添加一个或多个元素，并返回新的数组长度。

  6. concat：将两个或多个数组合并成一个新数组，并返回该新数组。

  7. slice：返回数组的指定部分，创建一个新的数组。

  8. splice：通过删除、替换或添加元素的方式修改数组，并返回被删除的元素。

  9. indexOf：返回数组中第一个匹配到给定元素的索引。如果不存在则返回 -1。

  10. lastIndexOf：返回数组中最后一个匹配到给定元素的索引。

  11. forEach：对数组中的每个元素执行一个指定的函数。

  12. map：对数组中的每个元素执行一个指定的函数，并返回一个新的数组。

  13. filter：对数组中的每个元素执行一个指定的函数，并返回一个满足条件的新数组。

  14. reduce：对数组中的每个元素执行一个指定的函数，返回一个累计计算结果。

  15. sort：对数组进行排序，默认按照字母顺序进行排序。

  16. reverse：将数组中的元素进行反转。

  17. find：返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined

  18. findIndex：返回数组中满足条件第一个元素的索引。若没有找到则返回 -1。

  19. every：返回数组中是否每一个元素都符合要求。

  20. some :  返回数组中是否有一个元素符合要求。

  21. join ：根据传入内容拼接数组，默认为，返回拼接结果，字符串

这些是数组中常用的一些API，不同的编程语言或框架可能会有一些特定的数组API，请根据具体情况进行查阅。

自己总结常用的方法，简洁版

##indexof方法

indexOf() 方法返回数组中第一次出现给定元素的下标，如果不存在则返回 -1。

// 1. 数字数组
const nums:number[] = [1,2,3,4,5]
// 2. 字符串数组
const foods:string[] = ['西兰花','西葫芦','西兰花']
//  数组.indeOf(查找的元素)如果找到返回该元素的下标   如果找不到返回-1
console.log('',nums.indexOf(2))//1
console.log('',foods.indexOf('西兰花'))//0   只找第一个符合要求的元素找到就停止

只找第一个符合要求的元素找到就停止

##join 方法

join()方法将数组用逗号或指定的分隔符, 所有元素连接成一个字符串并返回这个字符串, 数组转字符串

// 1. 字符串数组
const foods:string[] = ['西兰花','西葫芦','西兰花']
// 数组  .join() 将数组转为字符串
console.log('',foods.join())//   西兰花,西葫芦,西兰花
// 如果小括号什么都没有   默认逗号分隔
console.log('',foods.join(''))//西兰花西葫芦西兰花
console.log('',foods.join('-'))//西兰花-西葫芦-西兰花

console.log('',typeof foods.join())//string


##forEach方法

forEach() 方法会遍历数组，并且将数组的每一项作为参数传入到回调函数中，无返回值

// 接口
interface HeroInfo {
  id: number
  name: string
  title: string
}
// 数组
const arr: HeroInfo[] = [
  { id: 105, name: '廉颇', title: '正义爆轰' },
  { id: 106, name: '小乔', title: '恋之微风' },
  { id: 107, name: '赵云', title: '苍天翔龙' },
  { id: 108, name: '墨子', title: '和平守望' },
]
/*
 *数组.forEach((参数1:类型，参数2:类型)=>{})
 * */
// 参数1：  数组元素
// 参数2： 数组元素下标
arr.forEach((item:HeroInfo,index:number)=>{
  // console.log('',JSON.stringify(item),index)
  console.log('',item.name,item.title)
})

结果： 
廉颇 正义爆轰
 小乔 恋之微风
 赵云 苍天翔龙
 墨子 和平守望

##map方法

map() 方法返回一个创建的新数组，基于原数组，创建一个新数组（映射）

  1. 如果能推断出类型，泛型参数可以不写
  2. 如果无法推断，需要人为指定类型

语法：

数组.map<返回值类型>((数组项,索引)=>{ return xxx })
// 如果返回值的类型编译器无法推断，就需要自行设置

// map 基本使用01- 基于numArr返回新数组，每一个数组翻倍
// 数组.map()<返回值类型>（（数组元素，数组下标）=>{}）
const numArr: number[] = [1, 2, 3, 4, 5]
const newarr = numArr.map<number>((item:number,index:number)=>{
  // console.log('',item,index)
  return item *2
})
console.log('',newarr)

##filter方法

根据回调函数的执行结果，筛选出符合要求的元素,返回一个新数组

语法：

数组.filter((数组项:类型,索引:number)=>{
  return 条件  // 或者可以解析为 true 的值   需要这一项
})

// filter基本使用 01 - 筛选出大于 5 的数
// 数组 .filter((数组元素，数组元素下标)=>{return 筛选条件 符合条件的数组元素就会放在新的数组中})
const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const newArr = nums.filter((item:number,index:number)=>{
//  console.log('',item,index)
//   return item>5
  if (item>5) {
    return true
  }else{
    return false
  }
})
console.log('',newArr)

##sort方法

方法就地对数组的元素进行排序，并返回对相同数组的引用。排序是改变原数组

语法：

// 自定义排序规则
数组.sort((第一个比较元素,第二个比较元素)=>{
  return 0 // 不变
})
// 升序或降序
数组.sort((a,b)=>{
  return a-b(大于0 值)  //  升序
  return b-a(小于0 值)  //  降序 
})

// 数值数组排序
// 数组  .sort((第一个元素，第二个元素)=>{ 筛选条件   return  第一个减去第二个升序   第二个减去第一个降序})改变原来的数组
const arr = [5, 12, 8, 130, 44]
arr.sort((a:number,b:number)=>{
  //return a-b//升序 5,8,12,44,130
  return b-a// 降序 130,44,12,8,5
})      

console.log('',arr) 

##reduce方法

// 纯数值类数组求和
reduce((上一次累加结果,当前元素值)=>{})
// 对象数组求和
reduce((上一次累加结果，当前元素值)=>{}, 初始值)

reduce方法的作用是求和，他会逐个遍历数组元素，每一步都将当前元素的值与前一步的结果相加

语法：

// 纯数值类数组求和
reduce((上一次累加结果,当前元素值)=>{})
// 对象数组求和
reduce((上一次累加结果，当前元素值)=>{}, 初始值)

// 数值数组排序
// 数组 .reduce((累加的和，数组元素)=>{},初始值)
// 如果reduce没有第一个参数，咱们的箭头函数中参数会拿数组中的第一个值做为初始值
const arr = [5, 12, 8, 130, 44]
const res = arr.reduce((sum:number,item:number)=>{
  return sum+item
},0)
// sum 先拿初始值  在数组找到每一项开始累加 0+5+12...
// 如果没有初始值   sum 会拿数组中的第一项进行累加   5  +12+8....
console.log('求和',res)
interface Food {
  name: string
  price: number
  count: number
}
// 对象数组排序
const foods: Food[] = [ {
    name: '西兰花',
    price: 6,
    count: 2
  },{
    name: '西红柿',
    price: 3,
    count: 3
  },{
    name: '榴莲',
    price: 30,
    count: 2
  }, {
    name: '葱花',
    price: 1,
    count: 10 }]
const res1 = foods.reduce((sum:number,item:Food)=>{
  return sum+item.price
//   sum没有初始值   报错  因为拿到的是对象
},0)
console.log('',res1)

##findindex方法

findIndex() 方法返回数组中满足条件的第一个元素的索引。若没有找到对应元素则返回 -1。

语法：

// 索引，如果用不上可以省略不写
数组.findIndex((数组项:类型,索引:number)=>{
  return 条件  // 条件满足 找到了 条件不满足没有找到
})

// 数组  .findIndex((数组元素，数组下标)=>{ return  条件})找到第一个符合条件元素的下标，没有找到返回-1
const arr = ['西兰花', '西葫芦', '西兰花']
const index =arr.findIndex((item:string,index:number)=>{
  // console.log('',item,index)
  return item=='西兰花'
})
console.log('',index)//0

##find方法

find() 方法查找数组的第一个符合条件的元素, 找到了返回该元素，找不到返回 undefined

语法：

// 索引，如果用不上可以省略不写
数组.find((数组项:类型,索引:number)=>{
  return 条件  // 找到了需要的元素
})

// 1. 字符串数组 查找符合条件的第一个元素
// 数组 .find((数组元素，数组下标)=>{  return  条件})
// 找符合条件的第一个元素  找不到返回underfined
const strArr1 = ['西兰花','西葫芦','西红柿']
const res = strArr1.find((item:string,index:number)=>{
  return item =='西北风'
})

##every方法

every 方法查看数组内的【所有元素】是否都能符合条件。符合返回true, 不符合返回false

语法：

// 索引，如果用不上可以省略不写
const res = 数组.every((数组项:类型,索引:number)=>{
  return 条件  // 当前元素符合要求 返回 true
})
// res 可以获取是否每个元素都符合要求

// 数组 .every((数组元素，数组下标)=>{return 条件})  查找数组中的元素是否都符合条件  都符合返回true 有一个不符合返回false
// 1. 数值数组 判断是否每个元素都大于 2
const numArr = [2,4,6,8,10]
const flag = numArr.every((item:number,index:number)=>{
 // return item>2//false
  return item>=2//true   })
console.log('',flag)

##some方法

some 方法查找数组中是否【至少有一个元素】通过符合条件, 符合返回true, 不符合返回false。

语法：

// 索引，如果用不上可以省略不写
const res = 数组.some((数组项:类型,索引:number)=>{
  return 条件 // 当前元素符合要求 返回 true
})
// res 可以获取是否 【至少有一个元素】符合要求

// 数组.some((数组元素，数组下标)=>{})  找数组中至少有一个符合条件的元素，找到返回true 都不符合条件返回false
// 1. 数值数组 判断是否有等于 5 的元素
const numList = [2, 4, 6, 8, 10]
const res = numList.some((item:number,index:number)=>{
  return item==5
})
console.log('',res)//false

##includes方法

// 数组.includes(值)  在数组中找是否有符合条件的值  找到返回true 找不到返回false

语法：

const res = 数组.includes(值) // 返回布尔值

// 2. 字符串数组 判断是否有名字中有 绿豆
const foodList = ['绿茶', '绿豆', '绿色能源', '绿色心情', '茉莉奶绿']
console.log('',foodList.includes('绿豆'))//true
console.log('',foodList.includes('绿豆豆'))//false

这篇关于说一说鸿蒙 数组常用的API有那些？或者说ArkTS中Array 对象常用 的API？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1133955。

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
JS常用组件收集

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件，方便以后开发的时候查找！！！ 函数工具： Lodash 页面固定： stickUp、jQuery.Pin 轮播： unslider、swiper 开关: switch 复选框： icheck 气泡： grumble 隐藏元素： Headroom
阅读更多...
hdu2241（二分+合并数组）

hdu2241（二分+合并数组）

题意：判断是否存在a+b+c = x，a，b，c分别属于集合A,B,C 如果用暴力会超时，所以这里用到了数组合并，将b,c数组合并成d，d数组存的是b，c数组元素的和，然后对d数组进行二分就可以了 代码如下（附注释）： #include<iostream>#include<algorithm>#include<cstring>#include<stack>#include<que
阅读更多...
OpenHarmony鸿蒙开发（ Beta5.0）无感配网详解

OpenHarmony鸿蒙开发（ Beta5.0）无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息，即可快速实现设备配网，是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递，利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力，实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后，即可发送相关配网数据。同时还支持与常规Sof
阅读更多...
【C++】_list常用方法解析及模拟实现

【C++】_list常用方法解析及模拟实现

相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
阅读更多...
常用的jdk下载地址

常用的jdk下载地址

jdk下载地址 安装方式可以看之前的博客： mac安装jdk oracle 版本：https://www.oracle.com/java/technologies/downloads/ Eclipse Temurin版本：https://adoptium.net/zh-CN/temurin/releases/ 阿里版本： github：https://github.com/
阅读更多...
30常用 Maven 命令

30常用 Maven 命令

Maven 是一个强大的项目管理和构建工具，它广泛用于 Java 项目的依赖管理、构建流程和插件集成。Maven 的命令行工具提供了大量的命令来帮助开发人员管理项目的生命周期、依赖和插件。以下是 常用 Maven 命令的使用场景及其详细解释。 1. mvn clean 使用场景：清理项目的生成目录，通常用于删除项目中自动生成的文件（如 target/ 目录）。共性规律：清理操作
阅读更多...
hdu 1166 敌兵布阵（树状数组 or 线段树）

hdu 1166 敌兵布阵（树状数组 or 线段树）

题意是求一个线段的和，在线段上可以进行加减的修改。 树状数组的模板题。 代码： #include <stdio.h>#include <string.h>const int maxn = 50000 + 1;int c[maxn];int n;int lowbit(int x){return x & -x;}void add(int x, int num){while
阅读更多...
019、JOptionPane类的常用静态方法详解

019、JOptionPane类的常用静态方法详解

目录 JOptionPane类的常用静态方法详解 1. showInputDialog()方法 1.1基本用法 1.2带有默认值的输入框 1.3带有选项的输入对话框 1.4自定义图标的输入对话框 2. showConfirmDialog()方法 2.1基本用法 2.2自定义按钮和图标 2.3带有自定义组件的确认对话框 3. showMessageDialog()方法 3.1
阅读更多...
工作常用指令与快捷键

工作常用指令与快捷键

Git提交代码 git fetch  git add .  git commit -m “desc”  git pull  git push Git查看当前分支 git symbolic-ref --short -q HEAD Git创建新的分支并切换 git checkout -b XXXXXXXXXXXXXX git push origin XXXXXXXXXXXXXX
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2