当前位置: 首页 > Web前端 > HTML

前端实用JavaScript代码片段

时间:2023-04-02 18:45:12 HTML

本文将与大家分享一段常用的前端JS代码片段。希望能帮到大家~~~1。获取数组中的最大值和最小值vararr=[1,2,3];varmax=Math.max(...arr);//3varmin=Math.分钟(...arr);//12。将字符串拆分成数组①使用split()方法varstr="Welcome";varn=str.split("");console.log(n);输出:["W","e","l","c","o","m","e"]②使用Array.from()方法Array.from()方法是以下方法之一javascript内置函数,从给定的数组创建一个新的数组实例。对于字符串,字符串的每个字母都被转换为新数组实例的一个元素;对于整数值,新数组实例获取给定数组的一个元素。varstr="欢迎";varn=Array.from(str);console.log(n);输出:["W","e","l","c","o","m","e"]③使用扩展运算符varstr="Welcome";varn=[...str];console.log(n);输出:["W","e","l","c","o","m","e"]3.三元运算符当你想写一个if...else语句时,使用三元运算符代替。constx=20;letstr;if(x>10){str='1';}else{str='2';}简写:conststr=x>10?'1':'2';4。声明变量的简写方法letx;让你;让z;速记法:设x,y,z=1;5、判断数组中的元素是否相等constallEqual=arr=>arr.every(val=>val===arr[0]);allEqual([1,2,3);//falseallEqual([1,1,1]);//true6,数组去重①使用ES6的Setfunctionunique(arr){return[...newSet([3,4,4,4,4,5])]}console.log(unique(arr));简写方法:varunique=(a)=>[...newSet([3,4,4,4,4,5])];控制台日志(唯一);输出:[3,4,5]②usefiltervararray=[3,4,4,4,4,5];函数唯一(数组){varres=数组。filter(function(item,index,array){returnarray.indexOf(item)===index;})returnres;}安慰。log(unique(array));Output:[3,4,5]③先用sort对数组进行排序sort(),对数组进行排序,然后比较数组的当前项和下一项,如果是同样,使用数组的拼接(相同位置,1),但是为了防止数组坍塌,每删除一个数组元素,i的值就减一。变量=[3,4,4,4,4,5];ary.sort(function(a,b){returna-b;});//返回一个排序数组for(vari=0;i{vararr=[];if(Array.isArray(arrO)){arr=arrO;}else{arr=Array.prototype.slice.call(arrO);};returnarr;}9.Number类型判断exportconstisNumber=(o)=>{returnObject.prototype.toString.call(o).slice(8,-1)==='Number'}10.判断nullexportconstisNull=(o)=>{returnObject.prototype.toString.call(o).slice(8,-1)==='Null'}如果内容有误,请指正~~~