javascript数组怎么用_常用的数组方法有哪些

JavaScript数组是有序集合,用[]创建,支持动态增删改查;可存任意类型,通过索引访问;常用方法包括push/pop/shift/unshift/splice/slice、forEach/map/filter/find/reduce/includes/join/reverse/sort等,需注意是否修改原数组。

JavaScript 数组是存储多个值的有序集合,用方括号 [] 创建,支持动态增删改查,是日常开发中最常用的数据结构之一。

基础用法:创建和访问

数组可以存任意类型(数字、字符串、对象、函数甚至其他数组):

const arr = [1, "hello", true, {name: "Alice"}, [2, 4]];
通过索引(从 0 开始)读写元素:
arr[0] // 1
arr[2] = false; // 修改第3个元素

增删改查常用方法

  • push():末尾添加一个或多个元素,返回新长度
  • pop():删除末尾元素,返回被删值
  • unshift():开头添加元素,返回新长度
  • shift():删除开头元素,返回被删值
  • splice(start, deleteCount, ...items):万能修改器,可删、插、替(会改变原数组)
  • slice(start, end):截取子数组(不改原数组,返回新数组)

遍历与转换常用方法

  • forEach():遍历执行回调,无返回值
  • map():遍历并返回每个元素处理后的新数组(常用于数据格式转换)
  • filter():筛选符合条件的元素,返回新数组
  • find():返回第一个匹配项(值),找不到返回 undefined
  • findIndex():返回第一个匹配项的索引,找不到返回 -1
  • some()every():判断是否“有满足”或“全满足”条件

聚合与查找常用方法

  • reduce():累加/汇总数据(如求和、扁平化、分组),需提供累加器和初始值
  • includes():检查是否包含某值,返回布尔值
  • indexOf() / lastIndexOf():返回首次/末次出现的索引,没找到返回 -1
  • join(separator):把数组转为字符串,用指定字符连接
  • reverse()sort():反转和排序(都直接修改原数组,注意 sort() 默认按字符串排序,数字要传比较函数)

基本上就这些。用得多的记住 push/pop、map/filter/reduce、find/includes 就覆盖了大部分场景。关键点是分清哪些改原数组(如 push、splice、sort),哪些返回新数组(如 map、filter、slice),避免意外副作用。