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

2024-09-03 20:28

本文主要是介绍说一说鸿蒙 数组常用的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

相关文章

在java中如何将inputStream对象转换为File对象(不生成本地文件)

《在java中如何将inputStream对象转换为File对象(不生成本地文件)》:本文主要介绍在java中如何将inputStream对象转换为File对象(不生成本地文件),具有很好的参考价... 目录需求说明问题解决总结需求说明在后端中通过POI生成Excel文件流,将输出流(outputStre

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

JavaScript Array.from及其相关用法详解(示例演示)

《JavaScriptArray.from及其相关用法详解(示例演示)》Array.from方法是ES6引入的一个静态方法,用于从类数组对象或可迭代对象创建一个新的数组实例,本文将详细介绍Array... 目录一、Array.from 方法概述1. 方法介绍2. 示例演示二、结合实际场景的使用1. 初始化二

Linux上设置Ollama服务配置(常用环境变量)

《Linux上设置Ollama服务配置(常用环境变量)》本文主要介绍了Linux上设置Ollama服务配置(常用环境变量),Ollama提供了多种环境变量供配置,如调试模式、模型目录等,下面就来介绍一... 目录在 linux 上设置环境变量配置 OllamPOgxSRJfa手动安装安装特定版本查看日志在

Java常用注解扩展对比举例详解

《Java常用注解扩展对比举例详解》:本文主要介绍Java常用注解扩展对比的相关资料,提供了丰富的代码示例,并总结了最佳实践建议,帮助开发者更好地理解和应用这些注解,需要的朋友可以参考下... 目录一、@Controller 与 @RestController 对比二、使用 @Data 与 不使用 @Dat

Mysql中深分页的五种常用方法整理

《Mysql中深分页的五种常用方法整理》在数据量非常大的情况下,深分页查询则变得很常见,这篇文章为大家整理了5个常用的方法,文中的示例代码讲解详细,大家可以根据自己的需求进行选择... 目录方案一:延迟关联 (Deferred Join)方案二:有序唯一键分页 (Cursor-based Paginatio

Python实现常用文本内容提取

《Python实现常用文本内容提取》在日常工作和学习中,我们经常需要从PDF、Word文档中提取文本,本文将介绍如何使用Python编写一个文本内容提取工具,有需要的小伙伴可以参考下... 目录一、引言二、文本内容提取的原理三、文本内容提取的设计四、文本内容提取的实现五、完整代码示例一、引言在日常工作和学

C++原地删除有序数组重复项的N种方法

《C++原地删除有序数组重复项的N种方法》给定一个排序数组,你需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度,不要使用额外的数组空间,你必须在原地修改输入数组并在使用O(... 目录一、问题二、问题分析三、算法实现四、问题变体:最多保留两次五、分析和代码实现5.1、问题分析5.

Redis中的常用的五种数据类型详解

《Redis中的常用的五种数据类型详解》:本文主要介绍Redis中的常用的五种数据类型详解,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Redis常用的五种数据类型一、字符串(String)简介常用命令应用场景二、哈希(Hash)简介常用命令应用场景三、列表(L

python中time模块的常用方法及应用详解

《python中time模块的常用方法及应用详解》在Python开发中,时间处理是绕不开的刚需场景,从性能计时到定时任务,从日志记录到数据同步,时间模块始终是开发者最得力的工具之一,本文将通过真实案例... 目录一、时间基石:time.time()典型场景:程序性能分析进阶技巧:结合上下文管理器实现自动计时