当前位置: 首页 > 科技观察

9个极其强大的JavaScript技巧

时间:2023-03-21 12:45:02 科技观察

所谓黑客法,就是不断改进迭代的构建方法。具有黑客精神的程序员相信事情总是可以改进的,没有什么是完美的。每一段代码都有进一步优化的空间,每一个操作都有更便捷的技巧。这里有一些非常强大的JavaScript技巧。1.全部替换我们知道string.Replace()函数只会替换第一项。您可以将/g添加到此正则表达式的末尾以替换所有内容。varexample="potatopotato";console.log(example.replace(/pot/,"tom"));//"番茄土豆"console.log(example.replace(/pot/g,"tom"));//《tomatotomato》2.提取唯一值我们可以使用Set对象和Spread运算符创建一个新的数组来去除重复值。varentries=[1,2,2,3,4,5,6,6,7,7,8,4,2,1]varunique_entries=[...newSet(entries)];控制台日志(unique_entries);//[1,2,3,4,5,6,7,8]3。要将数字转换为字符串,我们只需使用带空引号的连接运算符。varconverted_number=5+"";console.log(converted_number);//5console.log(typeofconverted_number);//string4.使用+运算符将字符串转换为数字。请注意此处的用法,因为它仅适用于“字符串数字”。the_string="123";console.log(+the_string);//123the_string="hello";console.log(+the_string);//NaN5.每天随机排列数组里的元素我是随机排列的......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.要展平多维数组,只需使用Spread运算符即可。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.使用长度调整调整/清空数组基本上会覆盖数组的长度。如果我们想调整数组的大小: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);//[]如果你也在寻找JavaScript黑客技巧,希望这个文章对你有帮助。