JavaScript 常用方法速查表,涵盖核心语法、ES6+ 新特性及高频使用场景,便于快速查阅和复习:
一、数组方法
方法 |
说明 |
示例 |
返回值/副作用 |
push(...items) |
末尾添加元素 |
arr.push(4) → 修改原数组 |
返回新数组长度 |
pop() |
删除末尾元素 |
arr.pop() → 修改原数组 |
返回被删除元素 |
unshift(...items) |
开头添加元素 |
arr.unshift(0) → 修改原数组 |
返回新数组长度 |
shift() |
删除开头元素 |
arr.shift() → 修改原数组 |
返回被删除元素 |
slice(start, end) |
截取数组片段(不修改原数组) |
arr.slice(1, 3) |
返回新数组 |
splice(start, deleteCount, ...items) |
删除/替换元素 |
arr.splice(1, 2, 'a') → 修改原数组 |
返回被删除元素组成的数组 |
map(callback) |
遍历并返回新数组 |
[1,2,3].map(x => x*2) → [2,4,6] |
新数组 |
filter(callback) |
过滤符合条件的元素 |
[1,2,3].filter(x => x>1) → [2,3] |
新数组 |
reduce(callback, initialValue) |
累计计算(如求和、统计) |
[1,2,3].reduce((sum, x) => sum + x, 0) → 6 |
最终累计值 |
find(callback) |
查找第一个符合条件的元素 |
[1,2,3].find(x => x>1) → 2 |
元素或 undefined |
findIndex(callback) |
查找第一个符合条件的索引 |
[1,2,3].findIndex(x => x>1) → 1 |
索引或 -1 |
includes(value) |
判断是否包含某元素(ES6) |
[1,2,3].includes(2) → true |
布尔值 |
flat(depth) |
扁平化嵌套数组(ES2019) |
[1, [2]].flat() → [1, 2] |
新数组 |
二、字符串方法