前端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() 直接砍掉小数
相关推荐
小徐_23331 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
山河木马3 小时前
矩阵专题3-怎么创建投影矩阵(uProjectionMatrix)
javascript·webgl·计算机图形学
天蓝色的鱼鱼3 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷4 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花4 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷4 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜4 小时前
Spring Boot 核心知识点总结
前端
lichenyang4535 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕5 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js