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

相关推荐
fruge1 分钟前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码
javascript·css·css3
neter.asia10 分钟前
vue中如何关闭eslint检测?
前端·javascript·vue.js
光影少年30 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
Rattenking35 分钟前
React 源码学习01 ---- React.Children.map 的实现与应用
javascript·学习·react.js
熊的猫2 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
别拿曾经看以后~3 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
川石课堂软件测试3 小时前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
JerryXZR4 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
problc4 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
Gavin_9154 小时前
【JavaScript】模块化开发
前端·javascript·vue.js