50个原生JS/TS高频单行工具函数！零依赖、生产可用，告别重复造轮子

前言

作为前端开发者。日常业务开发中，字符串处理、数组运算、日期格式化、浏览器API、对象数据清洗等基础逻辑几乎无处不在。

很多小伙伴为了省事，项目里习惯性引入 Lodash、Dayjs 等第三方工具库。但绝大多数场景下完全不需要引入庞大依赖。

几行原生 JS/TS 代码。就能优雅实现需求不光可以减少项目打包体积、降低项目依赖，还能提高代码熟练度，写出更简洁优雅的业务代码。

今天给大家整理了 50个生产可用的原生单行代码片段覆盖前端9大高频开发场景。

告别玩具代码。全部适配浏览器/Node.js/Vue/React 所有前端项目，开箱即用，建议保存！

一、字符串操作

所有方法默认空值兜底，防止传参

. 字符串首字母大写

const capitalize = => str.charAt.toUpperCase + str.slice;

. 反转字符串

const reverseString = => str.split.reverse.join;

. 判断字符串是否为回文

const isPalindrome = => str === str.split.reverse.join;

二、数组操作

. 数组扁平化一层

const flatArr = arr => arr.flat;老实说，

. 移除数组所有假值

从自动过滤来看。false、、空字符串、null、

const removeFalsy = arr => arr.filter;

. 快速生成 - 连续数组

const createArr = => Array.from => i);

. 随机打乱数组

Fisher–Yates 算法

const shuffleArr = arr => { const list =;
for { const j = Math.floor * );,list] =,list];} return list;}，

. 基础数组去重

const uniqueArr = arr =>;

. 对象数组根据指定字段去重

const uniqueByKey = =>;

. 获取多个数组交集

const getIntersection = => .filter));

. 查找数组最大值索引

const maxIndex = => arr.length?arr.indexOf) : -;

const minIndex = => arr.length?arr.indexOf) : -;

. 找到数组中最接近指定数字的值

const closestNum = => arr.reduce => Math.abs < Math.abs ? b : a);

. 多个数组合并为二维数组

const merge2D = =>;

. 矩阵行列转置

const transpose = => matrix?.map => matrix.map)?，;

三、数制转换

原生 API 一行搞定，无需手写复杂计算公式

. 十进制转换为任意 n 进制

 const decToBase = =
num . toString;

 const baseToDec =( str ='',base =
) =>
parseInt;其实，

四、正则与文本处理

全部增加异常捕获。适配不规则入参

 const getDomain =( url
='' ) =>
{ try { return new URL.hostname;} catch { return '';}}，

 const isEmail
=( mail
='' ) =>
/^+@+.+$/.test;

"javascript"
>

const 

(

''
)
=>

str
.
replace
(
/\s+/g
' '
).
trim


<
/code>

五、浏览器原生 Web 操作 

零框架依赖，兼容所有现代浏览器