Javascript数组方法总结

在JavaScript中,数组(Array)是一个内置对象,它提供了许多有用的方法用于操作数组元素。以下是一些常用的数组方法及其简要描述:

  1. push() 和 pop()
    • push(): 向数组的末尾添加一个或多个元素,并返回新的长度。
    • pop(): 删除并返回数组的最后一个元素。
  2. shift() 和 unshift()
    • shift(): 删除并返回数组的第一个元素。
    • unshift(): 向数组的开头添加一个或多个元素,并返回新的长度。
  3. splice()
    • 这是一个强大的方法,可以删除、替换或添加数组中的元素。它接受三个或更多参数:起始索引、要删除的元素数量和一个可选的要添加的元素列表。
  4. slice()
    • 返回一个新的数组对象,这个对象是一个由开始到结束(不包括结束)选择的、由原数组的浅拷贝构成。原始数组不会被改变。
  5. concat()
    • 用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。
  6. join()
    • 将数组(或一个类数组对象)的所有元素都转换为一个字符串并连接在一起。元素是通过指定的分隔符进行分隔的。
  7. reverse()
    • 颠倒数组中元素的顺序。
  8. sort()
    • 对数组的元素进行排序,并返回数组。排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。
  9. map()
    • 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
  10. filter()
    • 创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
  11. reduce()
    • 对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个输出值。
  12. reduceRight()
    • reduce()类似,但是它是从右到左应用函数的。
  13. find()
    • 返回数组中满足提供的测试函数的第一个元素的值。否则返回undefined。
  14. findIndex()
    • 返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
  15. every()
    • 测试数组的所有元素是否都通过了由提供的函数实现的测试。
  16. some()
    • 测试数组中是否至少有一个元素通过了由提供的函数实现的测试。
  17. includes()
    • 判断一个数组是否包含一个指定的值,根据情况,如果需要搜索整个数组,请使用indexOf()find()方法。
  18. indexOf()
    • 返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1。
  19. lastIndexOf()
    • 返回在数组中的从后向前搜索可以找到给定元素的最后一个索引,如果不存在,则返回-1。
  20. fill()
    • 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。
  21. copyWithin()
    • 在当前数组内部,将指定范围的元素浅拷贝到另一个位置,并返回这个数组。原数组会被改变。
  22. flat() 和 flatMap()
    • flat(): 按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
    • flatMap(): 先对数组的每个元素执行一个函数(map方法),然后将结果压缩成一个新数组(flat方法)。
  23. from()
    • 创建一个新数组实例,从一个类数组对象或可迭代对象。
  24. of()
    • 创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。

请注意,这些方法中的大多数都不会改变原始数组,除非明确说明(如push(), pop(), shift(), unshift(), splice(), reverse(), fill(), copyWithin())。这些修改原始数组的方法会返回新的长度(对于添加/删除方法)或原始数组(对于修改元素的方法)。

相关推荐
qbbmnnnnnn9 分钟前
【WebGis开发 - Cesium】如何确保Cesium场景加载完毕
前端·javascript·vue.js·gis·cesium·webgis·三维可视化开发
f8979070701 小时前
layui动态表格出现 横竖间隔线
前端·javascript·layui
二十雨辰2 小时前
[uni-app]小兔鲜-04推荐+分类+详情
前端·javascript·uni-app
霸王蟹2 小时前
Vue3 项目中为啥不需要根标签了?
前端·javascript·vue.js·笔记·学习
儒雅的烤地瓜3 小时前
JS | 如何解决ajax无法后退的问题?
前端·javascript·ajax·pushstate·popstate事件·replacestate
觉醒法师3 小时前
Vue3+TS项目 - ref和useTemplateRef获取组件实例
开发语言·前端·javascript
老章学编程i3 小时前
Vue工程化开发
开发语言·前端·javascript·vue.js·前端框架
什么鬼昵称4 小时前
Pikachu-PHP反序列化
开发语言·javascript·php
果子切克now4 小时前
vue3导入本地图片2种实现方法
前端·javascript·vue.js
谢尔登5 小时前
【移动端】事件基础
前端·javascript·html