国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

开发中常用的 25 个JavaScript 单行代码

发布时间:2019/06/26标签:   数组    点击量:

原标题:开发中常用的 25 个JavaScript 单行代码
1.强迫布尔值要将变量强迫转换为布尔值而不变动其值:constmyBoolean=!!myVariable;!!null//false!!undefined//false!!false//false!!ture//ture!!""//false!!"string"//true!!0//false!!1//true!!{}//true!![]//true2.基于某个前提为工具设置属性要应用spread运算符有前提地在工具上设置属性:constmyObject={...myProperty&&{propName:myPoperty}};letmyProperty='Jhon'constmyObject={...myProperty&&{propName:myProperty}};//{propName:"Jhon"}letmyProperty=''constmyObject={...myProperty&&{propName:myProperty}};//{}假如myProperty成果为false,则 && 失利而且不设置新属性; 不然,假如不为空,&& 将设置新属性并笼罩本来的值。3.兼并工具constmergedObject={...objectOne,...objectTwo};constmergedObject={...{name:'Jhon',age:'18'},...{name1:'jhon1',age1:'12'}};//{name:"Jhon",age:"18",name1:"jhon1",age1:"12"}constmergedObject={...{name:'Jhon',age:'18'},...{name:'jhon1',age:'12'}};//{name:"jhon1",age:"12"}支撑无穷制兼并,但假如工具之间存在雷同属性,则前面属性会笼罩后面属性。*请留神,这仅实用于浅层兼并。4.交流变量要在不应用旁边变量的情形下交流两个变量的值:[varA,varB]=[varB,varA];leta=1;letb=2;[a,b]=[b,a]//a=2b=15.删除Boolean 为 false 值constclean=dirty.filter(Boolean);constclean=[0,false,true,undefined,null,'',12,15].filter(Boolean);//[true,12,15]这将删除值即是:null,undefined,false,0 和空字符串('')。6.转换元素范例要将Number元素转换为String元素:conststringArray=numberArray.map(String);conststringArray=[1,2,3].map(String);["1","2","3"]假如数组包括字符串,字符串原样保存。 这也能够用于将String元素转换为Number范例:constnumberArray=stringArray.map(Number);conststringArray=["1","2","3"].map(String);//[1,2,3]7.格局化工具为JSON代码要以可读的格局表现JSON代码:constformatted=JSON.stringify(myObj,null,4);constformatted=JSON.stringify({name:'Jhon',age:18,address:'sz'},null,4);/*{"name":"Jhon","age":18,"address":"sz"}*/该字符串化下令有三个参数。第一个是Javascript工具。第二个是可选函数,可用于在JSON停止字符串化时对其履行操纵。最初一个参数唆使要增加几多空格作为缩进以格局化JSON。省略最初一个参数,JSON将前往一个长行。假如myObj中存在轮回援用,则会格局失利。8.疾速创立数字数组要创立一个数组并用数字添补它,索引为零:constnumArray=Array.from(newArray(10),(x,i)=>i);//[0,1,2,3,4,5,6,7,8,9]

版权信息Copyright ? IT技术教程 版权所有??? ICP备案编号:鲁ICP备09013610号