前言
日常开发中，很多前端开发者习惯写冗余、繁琐的代码。其实 JS 自带很多简洁好用的语法糖，不需要依赖第三方库，简单几行就能简化业务逻辑。本篇整理10个高频、实用、易懂的原生JS小技巧，适合日常开发、面试刷题，新手也能快速看懂。
一、快速清空数组
常规写法需要循环赋值，简洁写法一行搞定。
let arr = [1,2,3,4];
arr = []; // 直接清空
二、快速去重数组
利用 Set 结构，最简单高效去重。
let list = [1,1,2,2,3];
let newList = [...new Set(list)];
三、快速判断空对象
let obj = {};
console.log(Object.keys(obj).length === 0); // true
四、短路运算简化判断
替代冗长的 if 判断，代码更优雅。
let name = "";
let showName = name || "匿名用户";
五、可选链避免报错
后端返回字段不确定，防止取值报错。
let res = null;
console.log(res?.data?.name); // undefined 不报错
六、快速合并对象
let a = {name:"张三"};
let b = {age:20};
let c = {...a,...b};
七、数组求和极简写法
let nums = [10,20,30];
let sum = nums.reduce((a,b) => a+b, 0);
八、取数组最大值最小值
let arr = [5,2,9,1];
Math.max(...arr);
Math.min(...arr);
九、布尔值快速转换
let flag = !!0; // false
十、定时器一次性简写
setTimeout(()=>{
console.log("执行一次");
},1000)
总结
以上10个 JS 技巧全部适用于实际业务开发，简化代码、减少冗余、提高可读性。建议收藏保存，写代码的时候直接套用，减少重复工作。
