前端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() 直接砍掉小数
相关推荐
IT_陈寒41 分钟前
Vue这个特性差点让我加班到凌晨,谁懂啊
前端·人工智能·后端
kyriewen1 小时前
我让AI改一个bug——它偷偷动了5个我没让它碰的地方
前端·javascript·ai编程
遇乐的果园1 小时前
前端学习笔记-vue加载渲染优化
前端·笔记·学习
用户985033593282 小时前
OpenLayers 热力图从原理到 Vue 组件一键接入
前端
颜酱2 小时前
01 | 骨架搭建:FastAPI + Vue 跑通第一个 SSE 流式问答
前端·人工智能·后端
hoLzwEge2 小时前
解码 IDE 智能提示:jsconfig.json 辅助开发全攻略
前端·前端框架
leoZ2312 小时前
记忆系统与 Agent 定制完全指南(四):自定义 Agent 开发(一)
前端·chrome
慧一居士2 小时前
Element Plus 按需引入的配置使用说明和完整示例
前端·vue.js
程序员黑豆2 小时前
鸿蒙应用开发实战:从零学会自定义组件
前端·华为·harmonyos
leoZ2312 小时前
记忆系统与 Agent 定制完全指南(三):记忆的检索与使用
前端·chrome