JS 中 9 个强大主流写法(各种 Hack 写法)

1. 全局替换 我们知道,字符串函数 replace () 仅替换第一次出现的情况。 您可以通过在正则表达式的末尾添加 /g 来替换所有出现的内容。 varexample=&quo…

1. 全局替换

我们知道,字符串函数 replace () 仅替换第一次出现的情况。

您可以通过在正则表达式的末尾添加 /g 来替换所有出现的内容。

varexample="potatopotato";console.log(example.replace(/pot/,"tom"));//"tomatopotato"console.log(example.replace(/pot/g,"tom"));//"tomatotomato"

2. 提取唯一值

通过使用 Set 对象和展开运算符,我们可以创建一个只有唯一值的新数组。

varentries=[1,2,2,3,4,5,6,6,7,7,8,4,2,1]varunique_entries=[…newSet(entries)];console.log(unique_entries);//[1,2,3,4,5,6,7,8]

3. 将数字转换为字符串

我们只需要连接一组空引号。

varconverted_number=5+"";console.log(converted_number);//5console.log(typeofconverted_number);//string

4. 将字符串转换为数字

我们需要的只有 + 运算符。

需要注意的一点是仅适用于 “字符串数字”。

the_string="123";console.log(+the_string);//123the_string="hello";console.log(+the_string);//NaN

5. 随机排列数组中的元素

我每天都在洗牌

varmy_list=[1,2,3,4,5,6,7,8,9];console.log(my_list.sort(function(){returnMath.random()-0.5}));//[4,8,2,9,1,3,6,5,7]

6. 多维数组扁平化

只需使用扩展运算符。

varentries=[1,[2,5],[6,7],9];varflat_entries=[].concat(…entries);//[1,2,5,6,7,9]

7. 短路条件

让我们来看这个例子:

if(available){addToCart();}

只需将变量与函数一起使用即可将其缩短:

available&&addToCart()

8. 动态属性名

我一直以为我必须先声明一个对象才能分配动态属性。

constdynamic='flavour';varitem={name:'Coke',[dynamic]:'Cherry'}console.log(item);//{name:"Coke",flavour:"Cherry"}

9. 使用 length 去调整或清空一个数组

我们主要重写了数组的长度。

如果我们想要调整数组的大小:

varentries=[1,2,3,4,5,6,7];console.log(entries.length);//7entries.length=4;console.log(entries.length);//4console.log(entries);//[1,2,3,4]

如果我们想要空数组:

varentries=[1,2,3,4,5,6,7];console.log(entries.length);//7entries.length=0;console.log(entries.length);//0console.log(entries);//[]

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:https://www.chanpinyuan.cn/38336.html;
(0)
上一篇 2023年3月3日
下一篇 2023年3月3日

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部