0

0

Javascript中数组的常用方法有哪些?

夜晨

夜晨

发布时间:2025-12-20 07:45:12

|

821人浏览过

|

来源于php中文网

原创

JavaScript数组方法按功能分为修改原数组、返回新数组、遍历查询、类型转换四类;常用高频方法为map、filter、find、reduce和splice,需注意是否改变原数组以避免数据意外覆盖。

javascript中数组的常用方法有哪些?

JavaScript数组提供了大量实用方法,按功能可分为修改原数组、返回新数组、遍历查询、类型转换等几类。掌握常用方法能显著提升开发效率,避免手动循环。

改变原数组的方法

这些方法会直接修改原始数组,使用时需注意副作用:

  • push():在末尾添加一个或多个元素,返回新长度
  • pop():删除并返回最后一个元素
  • shift():删除并返回第一个元素
  • unshift():在开头添加一个或多个元素,返回新长度
  • splice():从指定位置增删改元素,功能最强也最灵活(如 arr.splice(1, 2, 'a', 'b') 表示从索引1开始删2个,插入'a'和'b')
  • reverse():反转数组顺序
  • sort():默认按字符串Unicode排序;数字排序需传比较函数,如 arr.sort((a, b) => a - b)

返回新数组的方法

不改变原数组,适合函数式编程习惯:

  • slice():浅拷贝部分元素,arr.slice(1, 4) 返回索引1到3的元素(不包含4)
  • concat():合并数组或值,返回新数组([1].concat([2], 3)[1,2,3]
  • map():对每个元素调用函数,返回映射后的新数组(如 [1,2,3].map(x => x * 2)[2,4,6]
  • filter():返回满足条件的元素组成的新数组(如 [1,2,3].filter(x => x > 1)[2,3]
  • flatMap():先map再flat一层,适合处理嵌套结构

遍历与查询方法

用于查找、判断或执行副作用操作:

ImgGood
ImgGood

免费在线AI照片编辑器

下载

立即学习Java免费学习笔记(深入)”;

  • forEach():遍历执行函数,无返回值(不能用break中断,可用return跳过当前)
  • find():返回第一个满足条件的元素(找不到返回undefined)
  • findIndex():返回第一个满足条件的元素索引(找不到返回-1)
  • includes():判断是否包含某值,支持NaN([NaN].includes(NaN) 返回true)
  • indexOf():返回首次出现的索引(不支持NaN)
  • some():只要有元素满足条件就返回true
  • every():所有元素都满足才返回true

聚合与转换方法

常用于数据汇总或格式转换:

  • reduce():累计计算,接受累加器和当前值(如求和:[1,2,3].reduce((sum, x) => sum + x, 0)
  • reduceRight():从右往左累计
  • join():用指定分隔符拼接为字符串([1,2,3].join('-')"1-2-3"
  • toString():转为逗号分隔字符串(简单场景可用,但不推荐用于复杂数据)
  • flat():扁平化数组,可指定深度([1,[2,[3]]].flat(2)[1,2,3]

基本上就这些。实际开发中,mapfilterfindreducesplice 出现频率最高。注意区分哪些会改原数组,哪些返回新数组,避免意外覆盖数据。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
sort排序函数用法
sort排序函数用法

sort排序函数的用法:1、对列表进行排序,默认情况下,sort函数按升序排序,因此最终输出的结果是按从小到大的顺序排列的;2、对元组进行排序,默认情况下,sort函数按元素的大小进行排序,因此最终输出的结果是按从小到大的顺序排列的;3、对字典进行排序,由于字典是无序的,因此排序后的结果仍然是原来的字典,使用一个lambda表达式作为key参数的值,用于指定排序的依据。

409

2023.09.04

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

268

2025.12.04

java中break的作用
java中break的作用

本专题整合了java中break的用法教程,阅读专题下面的文章了解更多详细内容。

120

2025.10.15

java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

261

2025.10.24

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

761

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1570

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

651

2023.11.24

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

49

2026.03.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号