Products
GG网络技术分享 2025-11-23 08:10 3
嘿, 小伙伴们,今天我要给大家分享一些超级酷的JavaScript单行代码技巧,这些代码短小精悍,但是功Neng强大,Neng帮我们解决hen多实际问题哦! 好家伙... 别小kan这些单行代码,它们Neng让我们编程起来geng快geng高效呢!让我们一起来kankan吧!
有时候, 我们需要将变量强制转换为布尔值,但是又不希望改变它的原始值。 薅羊毛。 怎么办呢?kan这里:

javascript const myBoolean = !!myVariable;,说实话...
比如 Ru果你有一个变量myVariable你想要知道它是不是false但是又不想改变它的值,你Ke以这样写:
拉倒吧... javascript console.log; // 输出:false console.log; // 输出:false console.log; // 输出:false console.log; // 输出:true console.log; // 输出:false console.log; // 输出:true console.log; // 输出:true console.log; // 输出:true
有时候,我们需要根据某个条件给对象设置属性。比如 Ru果myProperty不为空,我们就给对象添加一个属性propName,到位。
javascript
const myObject = {...myProperty && {propName: myProperty}};
Ru果myProperty为空,那么新属性就不会被设置:,呵...
javascript let myProperty = 'Jhon'; const myObject = {...myProperty && {propName: myProperty}}; // 输出:{pr 什么鬼? opName: "Jhon"} let myProperty = ''; const myObject = {...myProperty && {propName: myProperty}}; // 输出:{}
有时候,我们需要在不使用中间变量的情况下交换两个变量的值。比如 我们要交换a和b的值:
javascript
= ;
这样,a和b的值就交换了。
有时候,我们需要删除数组中所有false值。比如 我们有一个数组:,他破防了。
太治愈了。 javascript const dirty = ;
我们想要删除所有false值:
javascript const clean = dirty.filter; console.log; // 输出:,没法说。
有时候,我们需要将数组中的Number元素转换为String元素。比如 我们有一个数组:,我的看法是...
javascript const numberArray = ;,躺平...
javascript const stringArray = nu 共勉。 mberArray.map; console.log; // 输出:
绝了... 有时候,我们需要将对象格式化为JSON代码,以便geng好地阅读。比如 我们有一个对象:
javascript const myObj = {name: 'Jhon', age: 25, address: 'sz'};,抄近道。
我们想要将其格式化为JSON代码:
javascript const formatted = JSON.stringify; console.log;,让我们一起...
输出后来啊:
json
{
"name": "Jhon",
"age": 25,
"address": "sz"
}
有时候,我们需要创建一个数组,并用数字填充它,其中索引为零。比如 我们想要创建一个长度为10的数组:
我个人认为... javascript const numArray = Array.from, => i); console.log; // 输出:
有时候,我们需要生成一个六位数字验证码。比如 我们想要生成一个随机验证码:,简单来说...
javascript const code = Math.floor * 900000) + 100000; console.log; // 输出:一个六位数字验证码,什么鬼?
有时候,我们需要验证身份证号码是否符合规则。比如我们有一个身份证号码:
就这? javascript const IDReg = /^d{15}||)d{3}|||)|||)d{4}$/;
我们Ke以用这个正则表达式来验证身份证号码是否符合规则。
有时候,我们需要将URL的查询参数转换成JavaScript对象。比如 我们有一个URL:,也是醉了...
javascript const url = 'https://www.example.com?name=Jhon&age=25';,换句话说...
我始终觉得... 我们Ke以将其查询参数转换成JavaScript对象:
我算是看透了。 javascript const objectToQueryString = => Object.keys.map => `${encodeURIComponent}=${encodeURIComponent}`).join; console.log); // 输出:name=Jhon&age=25
有时候,我们需要获取两个数组的交集。比如 我们有两个数组:
勇敢一点... javascript const arr1 = ; const arr2 = ;
稳了! 我们Ke以使用filter和includes方法来获取它们的交集:
javascript const similarity = => PPT你。 ; arr.filter); console.log); // 输出:
有时候,我们需要检测设备类型,比如移动设备还是台式机/笔记本电脑。我们 梳理梳理。 Ke以使用正则表达式来检测navigator.userAgent属性:
javascript const detectDeviceType = => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IE 结果你猜怎么着? Mobile|OperaMini/i.test ? 'Mobile' : 'Desktop'; console.log); // 输出:'Mobile' 或 'Desktop'
有时候,我们需要将数字转化为千分位格式。比如 我们有一个数字:
物超所值。 javascript const toDecimalMark = num => num.toLocaleString; console.log); // 输出:1,234,567
有时候,我们需要将多维数组转换为一维数组。比如 我们有一个多维数组:
javascript const deepFlatten = arr => .con 没眼看。 cat ? deepFlatten : v))); console.log); // 输出:
百感交集。 有时候,我们需要过滤对象数组。比如 我们有一个对象数组:
javascript
const data = ;
我们想要筛选出年龄大于25岁的对象:
javascript const reducedFilter = => data.filter.map => {acc = el; return acc;}, {})); let a = reducedFilter; console.log; // 输出:,不忍卒读。
闹笑话。 有时候,我们需要将驼峰拼写的字符串转换成特定格式。比如 我们有一个驼峰拼写的字符串:
javascript const fromCamelCase = => str.replace/g, '$1' + separator + '$2').replac 等着瞧。 e/g, '$1' + separator + '$2').toLowerCase; console.log); // 输出:some_database_field_name
有时候,我们需要判断一个URL是否为绝对地址。比如 我们有一个URL:
换个思路。 javascript const isAbsoluteURL = str => /^*:/.test; console.log); // 输出:true console.log); // 输出:true console.log); // 输出:false
有时候,我们需要获取两个日期相差的天数。比如 我们有两个日期:
javascript const getDaysDiffBetweenDates = 地道。 => / ; console.log, new Date)); // 输出:9
javascript const deDupe = 本质上... => ; console.log); // 输出:
javascript
const uniqueElementsBy = => arr.reduce => {if )) acc.push; return acc;}, );
console.log => a.id == b.id)); // 输出:
有时候,我们需要将RGB颜色转换成16进制颜色。比如 我们有一个RGB颜色:
javascript const RGBToHex = => + + b).toString.padStart; console.log); // 输出:'ffa501',太虐了。
有时候,我们需要检查密码是否符合常用组合。比如 我们有一个密码:
javascript const passwordReg = /^ 调整一下。 $){,}$/; console.log); // 输出:false
有时候,我们需要判断一个DOM元素是否具有某个className。比如 我们有一个DOM元素:,何不...
物超所值。 javascript const hasClass = => new RegExp${className}`).test; console.log, 'myClass')); // 输出:true 或 false
未来可期。 好了今天的分享就到这里啦!这些JavaScript单行代码技巧dou是非常有用的,希望Neng帮到大家。Ru果你觉得有用,就赶紧收藏起来吧!下次再见到这些技巧,你就Neng轻松地应用到你的项目中去了!加油哦!
Demand feedback