前端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() 直接砍掉小数
相关推荐
阿正的梦工坊2 小时前
【Typescript】03-函数对象与接口
前端·javascript·typescript
threelab2 小时前
Three.js 银河星系效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
程序员敲代码吗2 小时前
探索JavaScript对象创建的灵活方式
开发语言·javascript·ecmascript
海上彼尚2 小时前
Nodejs也能写Agent - 7.基础篇 - MCP
前端·javascript·人工智能·node.js
FlyWIHTSKY2 小时前
Next.js中客户端组件和服务端组件
开发语言·javascript·ecmascript
天若有情6732 小时前
轻量级状态事件总线 eventbusx-js 开源使用教程
开发语言·javascript·npm·开源·事件·事件总线
李剑一2 小时前
我开发了一款防止摸鱼被发现的工具,现已开源
前端
启山智软2 小时前
从零搭建商城系统前端:技术选型与核心架构实践
前端·架构
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_5:掌握属性选择器的存否匹配与子字符串匹配
前端·javascript·css·ui·html