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())。这些修改原始数组的方法会返回新的长度(对于添加/删除方法)或原始数组(对于修改元素的方法)。

相关推荐
燃先生._.4 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖5 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
black^sugar6 小时前
纯前端实现更新检测
开发语言·前端·javascript
2401_857600958 小时前
SSM 与 Vue 共筑电脑测评系统:精准洞察电脑世界
前端·javascript·vue.js
2401_857600958 小时前
数字时代的医疗挂号变革:SSM+Vue 系统设计与实现之道
前端·javascript·vue.js
GDAL8 小时前
vue入门教程:组件透传 Attributes
前端·javascript·vue.js
小白学大数据8 小时前
如何使用Selenium处理JavaScript动态加载的内容?
大数据·javascript·爬虫·selenium·测试工具
2402_857583498 小时前
基于 SSM 框架的 Vue 电脑测评系统:照亮电脑品质之路
前端·javascript·vue.js
java_heartLake9 小时前
Vue3之性能优化
javascript·vue.js·性能优化