前端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() 直接砍掉小数
相关推荐
程序员黑豆11 小时前
Java 注释详解:单行、多行与文档注释的完整指南
java·前端·ai编程
剪刀石头布啊11 小时前
antd中可编辑表格中巧用useWatch实现联动高性能效果,以及定制延伸学习
前端
油丶酸萝卜别吃11 小时前
前端转全栈学习路线
前端·学习
浮生望12 小时前
前端路由进阶:History API原理与手写HistoryRouter
前端
陆枫Larry12 小时前
JavaScript 中的竞态是什么,为啥会有竟态?
前端
上海安当技术14 小时前
半天接入:USBKey RESTful API + C 动态库,Web 和 C/S 两套集成路径实战
前端·后端·restful·集成·usbkey
DevUI团队15 小时前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
weixin_4316004416 小时前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
avi911116 小时前
[AI教做人]AI平台做2项目;一个3D模型展示,另一个框架多人
javascript·人工智能·ai·3d模型·3d引擎·顶点和法线
kyriewen16 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程