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

10个实用的JavaScript技巧

时间:2023-03-16 02:16:57 科技观察

我一直在寻找提高效率的新方法。JavaScript充满了意想不到的惊喜。1.将arguments对象转换为数组arguments对象是函数内部可访问的类数组对象,它包含传递给函数的参数的值。但是它不同于其他数组,我们可以访问它的元素值并获取长度,但是我们不能在它上面使用其他数组方法。幸运的是,我们可以将其转换为常规数组:varargArray=Array.prototype.slice.call(arguments);2.对数组中的所有值求和我最初的想法是使用循环,但是那样工作量太大。varnumbers=[3,5,7,2];varsum=numbers.reduce((x,y)=>x+y);console.log(sum);//returns173.条件短路我们有以下代码:if(hungry){goToFridge();}通过将变量与函数一起使用,我们可以使其更短:hungry&&goToFridge()4.对条件使用逻辑或者我曾经声明自己的变量在函数的开头只是为了避免在出现意外错误时出现任何Getsundefined。functiondoSomething(arg1){arg1arg1=arg1||32;//如果没有设置变量,arg1将取32作为默认值}5.逗号运算符逗号运算符(,)用于计算它的每个操作数(从左到右)并返回最后一个操作数的值。letx=1;x=(x++,x);console.log(x);//预期输出:2x=(2,3);console.log(x);//预期输出:36。用你的长度调整数组大小数组可以调整大小或清空。vararray=[11,12,13,14,15];console.log(array.length);//5array.length=3;console.log(array.length);//3console.log(array);//[11,12,13]array.length=0;console.log(array.length);//0console.log(array);//[]7.通过数组解构进行解构和赋值的语法是一个JavaScript表达式,将数组中的值或对象中的属性解包为不同的变量。leta=1,b=2[a,b]=[b,a]console.log(a)//->2console.log(b)//->18。随机排列数组中的元素。我每天都在shuffle'varlist=[1,2,3,4,5,6,7,8,9];console.log(list.sort(function(){returnMath.random()-0.5}));//[4,8,2,9,1,3,6,5,7]9.属性名可以是动态您可以在声明对象之前分配动态属性。constdynamic='color';varitem={brand:'Ford',[dynamic]:'Blue'}console.log(item);//{brand:"Ford",color:"Blue"}10.过滤唯一值对于所有ES6爱好者,我们可以通过使用带有扩展运算符的Set对象创建一个仅包含唯一值的新数组。constmy_array=[1,2,2,3,3,4,5,5]constunique_array=[...newSet(my_array)];console.log(unique_array);//[1,2,3,4,5]你有什么JavaScript技巧要分享吗?