说一说鸿蒙 数组常用的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

相关文章

C#中读取XML文件的四种常用方法

《C#中读取XML文件的四种常用方法》Xml是Internet环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具,下面我们就来看看C#中读取XML文件的方法都有哪些吧... 目录XML简介格式C#读取XML文件方法使用XmlDocument使用XmlTextReader/XmlTextWr

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

C++初始化数组的几种常见方法(简单易懂)

《C++初始化数组的几种常见方法(简单易懂)》本文介绍了C++中数组的初始化方法,包括一维数组和二维数组的初始化,以及用new动态初始化数组,在C++11及以上版本中,还提供了使用std::array... 目录1、初始化一维数组1.1、使用列表初始化(推荐方式)1.2、初始化部分列表1.3、使用std::

C++ Primer 多维数组的使用

《C++Primer多维数组的使用》本文主要介绍了多维数组在C++语言中的定义、初始化、下标引用以及使用范围for语句处理多维数组的方法,具有一定的参考价值,感兴趣的可以了解一下... 目录多维数组多维数组的初始化多维数组的下标引用使用范围for语句处理多维数组指针和多维数组多维数组严格来说,C++语言没

Deepseek R1模型本地化部署+API接口调用详细教程(释放AI生产力)

《DeepseekR1模型本地化部署+API接口调用详细教程(释放AI生产力)》本文介绍了本地部署DeepSeekR1模型和通过API调用将其集成到VSCode中的过程,作者详细步骤展示了如何下载和... 目录前言一、deepseek R1模型与chatGPT o1系列模型对比二、本地部署步骤1.安装oll

浅析如何使用Swagger生成带权限控制的API文档

《浅析如何使用Swagger生成带权限控制的API文档》当涉及到权限控制时,如何生成既安全又详细的API文档就成了一个关键问题,所以这篇文章小编就来和大家好好聊聊如何用Swagger来生成带有... 目录准备工作配置 Swagger权限控制给 API 加上权限注解查看文档注意事项在咱们的开发工作里,API

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

一分钟带你上手Python调用DeepSeek的API

《一分钟带你上手Python调用DeepSeek的API》最近DeepSeek非常火,作为一枚对前言技术非常关注的程序员来说,自然都想对接DeepSeek的API来体验一把,下面小编就来为大家介绍一下... 目录前言免费体验API-Key申请首次调用API基本概念最小单元推理模型智能体自定义界面总结前言最

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》:本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先,从DeepSeek平台获取API密钥,用于身份验证。添加HTTP客户端依赖使用Jav

Python中操作Redis的常用方法小结

《Python中操作Redis的常用方法小结》这篇文章主要为大家详细介绍了Python中操作Redis的常用方法,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解一下... 目录安装Redis开启、关闭Redisredis数据结构redis-cli操作安装redis-py数据库连接和释放增