当前位置: 首页 > news >正文

6. JavaScript 数组方法

1. 修改原数组的方法(Mutator Methods)

  1. push(…items)
    在数组末尾添加元素,返回新长度。
  2. pop()
    移除最后一个元素,返回被移除的元素。
  3. unshift(…items)
    在数组开头添加元素,返回新长度。
  4. shift()
    移除第一个元素,返回被移除的元素。
  5. splice(start, deleteCount, …items)
    删除/替换元素,返回被删除的数组。
  6. reverse()
    反转数组顺序。
  7. sort([compareFunction])
    排序数组(默认按 Unicode 编码排序)。
  8. fill(value, start, end)
    用固定值填充数组的部分或全部元素。
  9. copyWithin(target, start, end)
    复制数组的一部分到同一数组的另一个位置
    target:整数,指定复制操作的目标起始位置(索引)。如果为负数,表示从数组尾部开始计算。
    ‌start‌:整数,指定复制操作的源起始位置(索引)。如果为负数,表示从数组尾部开始计算。
    ‌end‌:整数,指定复制操作的源结束位置(不包含该位置)。如果为负数,表示从数组尾部开始计算。如果省略,默认为数组长度。

2. 不修改原数组的方法(Accessor Methods)

  1. concat(…arrays)
    合并多个数组,返回新数组。
  2. slice(start, end)
    提取数组的一部分,返回新数组。
  3. toString()
    返回逗号分隔的字符串(同 join() 默认行为)
  4. join(separator)
    将数组转为字符串,用分隔符连接。
  5. flat(depth)
    将嵌套数组“扁平化”(默认深度为 1)
  6. toLocaleString()
    本地化字符串表示(如日期、数字格式)。
  7. flatMap(callback)
    先映射每个元素,再将结果扁平化一层。

3. 迭代方法(Iteration Methods)

  1. forEach(callback)
    遍历数组,对每个元素执行回调。
  2. map(callback)
    返回新数组,每个元素是回调的返回值。
  3. filter(callback)
    返回符合条件(回调返回 true)的元素组成的新数组。
  4. reduce(callback, initialValue)
    从左到右累积计算为一个值。
  5. reduceRight(callback, initialValue)
    从右到左累积计算为一个值。
  6. every(callback)
    检查是否所有元素都满足条件。
  7. some(callback)
    检查是否至少有一个元素满足条件。
  8. find(callback)
    返回第一个满足条件的元素,否则返回 undefined。
  9. findIndex(callback)
    返回第一个满足条件的元素的索引,否则返回 -1。

4. 查找与判断方法

  1. indexOf(searchElement, fromIndex)
    返回第一个匹配元素的索引,不存在则返回 -1。
  2. lastIndexOf(searchElement, fromIndex)
    从后向前搜索,返回第一个匹配的索引。
  3. includes(searchElement, fromIndex)
    判断数组是否包含某个元素(返回 true/false)。

5. 静态方法(Array 构造函数的方法)

  1. Array.isArray(obj)
    判断对象是否为数组。
  2. Array.from(arrayLike, mapFn)
    将类数组对象或可迭代对象转为数组。
  3. Array.of(…items)
    根据参数创建新数组(解决 new Array(n) 的歧义)。

6. 迭代器方法(返回迭代器对象)

  1. keys()
    返回数组索引的迭代器。
  2. values()
    返回数组元素的迭代器。
  3. entries()
    返回索引-值对的迭代器(如 [index, value])。

相关文章:

  • Nature最新报道:分析四大主流AI工具、性能测评、推荐使用场景
  • Vue3中slot(插槽)的作用
  • 【Pandas】pandas Series last_valid_index
  • 计算机网络——DHCP实验
  • 使用 Excel 实现绩效看板的自动化
  • chrome浏览器拓展插件捕获页面的响应体内容
  • 深度学习知识:softlabel策略
  • chrome浏览器插件拓展捕获页面的响应体内容
  • AI+办公 Task2
  • Nacos入门实战(二)配置中心及配置实战
  • 在shell中分割文件
  • Python-树状数组算法入门
  • Linux中基础开发工具详细介绍
  • 16.AVL树实现
  • 关于 NoC 中数据安全传输的设计与实现的详细介绍
  • C++ 容器库概述:序列容器、关联容器与无序关联容器的原理、性能与应用
  • Docker Compose 使用笔记
  • QT 学习一 paintEvent,QPainter ,QImage
  • 智慧城市运行管理服务平台建设方案
  • STM32串口通信
  • 中国建设银行官网网址是多少/网络推广优化方案
  • 网站建设合同注意点/网上营销网站
  • 龙岗建设高端网站/安徽网站关键词优化
  • 手机上自己做网站/seo销售好做吗
  • wordpress页面模板链接/电池优化大师下载
  • 大专生毕业论文怎么写/广州网站优化多少钱