前端String 数组和Math API大全

JS 高频方法精简汇总(数组+字符串+数值+Math)

一、Array 数组

改变原数组

  • push() 末尾添加,返回新长度
  • pop() 删除末尾,返回删除元素
  • unshift() 头部添加,返回新长度
  • shift() 删除头部,返回删除元素
  • reverse() 反转数组
  • sort() 排序
  • splice(起始位,个数,新增值) 删除/替换/插入
  • fill(值) 数组填充

不改变原数组

  • join('分隔符') 数组转字符串
  • concat() 数组合并
  • slice(开始,结束) 截取数组
  • map() 遍历返回新数组
  • forEach() 单纯遍历无返回
  • filter() 过滤满足条件元素
  • some() 一个满足即 true
  • every() 全部满足才 true
  • reduce() 累加汇总
  • find() 匹配第一个元素
  • findIndex() 匹配第一个下标
  • includes() 是否包含元素,返回布尔
  • indexOf() 查下标,无则-1
  • flat(层数) 数组扁平化
  • flatMap() map + flat 合一
  • at(下标) 支持负数取值
  • toReversed/toSorted/toSpliced/with 无损修改(ES2023)

二、String 字符串

全部不改变原字符,返回新值

  • charAt(下标) 获取对应字符
  • indexOf() 首次出现下标
  • lastIndexOf() 最后出现下标
  • includes() 是否包含字符
  • startsWith/endsWith() 判断开头/结尾
  • slice(开始,结束) 截取字符
  • trim() 去除首尾空格
  • split('分隔符') 字符串转数组
  • replace() 替换第一个
  • replaceAll() 全部替换
  • toUpperCase() 转大写
  • toLowerCase() 转小写
  • padStart/padEnd() 前后补位

三、Number 数值

  • Number() 强制转数字
  • parseInt() 转整数
  • parseFloat() 转小数
  • isNaN() 判断是否非数字
  • isInteger() 判断是否整数
  • toFixed(n) 保留n位小数(返回字符串)

四、Math 数学对象

  • Math.PI 圆周率
  • Math.abs() 绝对值
  • Math.ceil() 向上取整
  • Math.floor() 向下取整
  • Math.round() 四舍五入
  • Math.max() 取最大值
  • Math.min() 取最小值
  • Math.random() 0~1 随机数
  • Math.pow(底数,幂) 次方计算
  • Math.sqrt() 开平方
  • Math.trunc() 直接砍掉小数
相关推荐
老王以为6 分钟前
Claude Code 的产品哲学:当价值观成为架构
前端·claude·vibecoding
程序员黑豆10 分钟前
AI全栈开发 - Java:变量
java·前端·ai编程
tedcloud12313 分钟前
HyperFrames部署教程:用HTML生成MP4视频
前端·数据库·人工智能·html·音视频
江米小枣tonylua20 分钟前
真多线程!Bun作者要给JS大手术
前端
数据知道22 分钟前
视觉伪装(下):WebGL 渲染器与厂商特征的底层伪造与屏蔽
javascript·数据采集·webgl·指纹浏览器
东风破_38 分钟前
JS 数据类型:从八种分类到栈与堆的内存真相
javascript
YIAN39 分钟前
# 从入门到封装:一文搞懂 Fetch API 所有用法(新手友好)
前端·javascript
Slice_cy1 小时前
基于node实现服务端内核引擎
前端·后端
往事随风灬1 小时前
我被 Volta 的“智能”坑了一下午:pnpm 为何无视项目 Node 版本?
前端·vue.js
xiaofeichaichai1 小时前
Tree Shaking
前端·javascript