javaScript代码简洁之道

　　1。通过条件判断给变量赋值布尔值的正确姿势badif（aa）｛btrue｝else｛bfalse｝goodbaa2。在if中判断数组长度不为零的正确姿势badif（arr。length！0）｛todo｝goodif（arr。length）｛todo｝3。同理，在if中判断数组长度为零的正确姿势badif（arr。length0）｛todo｝goodif（！arr。length）｛todo｝4。简单的if判断使用三元表达式badif（aa）｛ba｝else｛bc｝goodbaa？a：c5。使用includes简化if判断badif（a1a2a3a4）｛todo｝goodletarr〔1，2，3，4〕if（arr。includes（a））｛todo｝
　　巧用数组方法，尽量避免用for循环6。使用some方法判断是否有满足条件的元素badletarr〔1，3，5，7〕functionisHasNum（n）｛for（leti0；iarr。length；i）｛if（arr〔i〕n）｛returntrue｝｝returnfalse｝goodletarr〔1，3，5，7〕letisHasNumnarr。some（numnumn）bestletarr〔1，3，5，7〕letisHasNum（n，arr）arr。some（numnumn）7。使用forEach方法遍历数组，不形成新数组badfor（leti0；iarr。length；i）｛todoarr〔i〕。keybalabala｝goodarr。forEach（item｛todoitem。keybalabala｝）8。使用filter方法过滤原数组，形成新数组badletarr〔1，3，5，7〕，newArr〔〕for（leti0；iarr。length；i）｛if（arr〔i〕4）｛newArr。push（arr〔i〕）｝｝goodletarr〔1，3，5，7〕letnewArrarr。filter（nn4）〔5，7〕9。使用map对数组中所有元素批量处理，形成新数组badletarr〔1，3，5，7〕，newArr〔〕for（leti0；iarr。length；i）｛newArr。push（arr〔i〕1）｝goodletarr〔1，3，5，7〕letnewArrarr。map（nn1）〔2，4，6，8〕
　　巧用对象方法，避免使用for。。。in10。使用Object。values快速获取对象键值letobj｛a：1，b：2｝badletvalues〔〕for（keyinobj）｛values。push（obj〔key〕）｝goodletvaluesObject。values（obj）〔1，2〕11。使用Object。keys快速获取对象键名letobj｛a：1，b：2｝badletkeys〔〕for（valueinobj）｛keys。push（value）｝goodletkeysObject。keys（obj）〔a，b〕
　　巧用解构简化代码12。解构数组进行变量值的替换badleta1，b2lettempaabbtempgoodleta1，b2〔b，a〕〔a，b〕13。解构对象badsetForm（person）｛this。nameperson。namethis。ageperson。age｝goodsetForm（｛name，age｝）｛this。namenamethis。ageage｝14。解构时重命名简化命名
　　有的后端返回的键名特别长，你可以这样干badsetForm（data）｛this。onedata。aaabbbcccdddthis。twodata。eeefffggg｝goodsetForm（｛aaabbbcccddd，eeefffggg｝）｛this。oneaaabbbcccdddthis。twoeeefffggg｝bestsetForm（｛aaabbbcccddd：one，eeefffggg：two｝）｛this。oneonethis。twotwo｝15。解构时设置默认值badsetForm（｛name，age｝）｛if（！age）age16this。namenamethis。ageage｝goodsetForm（｛name，age16｝）｛this。namenamethis。ageage｝16。短路符设置默认值letperson｛name：张三，age：38｝letnameperson。name佚名17。短路符判断依赖的键是否存在防止报错xxxofundfinedletperson｛name：张三，age：38，children：｛name：张小三｝｝letchildrenNameperson。childrenperson。childre。name18。字符串拼接使用｛｝letperson｛name：LiMing，age：18｝badfunctionsayHi（obj）｛console。log（大家好，我叫person。name，我今年person。age了）｝goodfunctionsayHi（person）｛console。log（大家好，我叫｛person。name｝，我今年｛person。age｝了）｝bestfunctionsayHi（｛name，age｝）｛console。log（大家好，我叫｛name｝，我今年｛age｝了）｝19。函数使用箭头函数letarr〔18，19，20，21，22〕badfunctionfindStudentByAge（arr，age）｛returnarr。filter（function（num）｛returnnumage｝）｝goodletfindStudentByAge（arr，age）arr。filter（numnumage）20。函数参数校验badletfindStudentByAge（arr，age）｛if（！age）thrownewError（参数不能为空）returnarr。filter（numnumage）｝goodletcheckoutType（）｛thrownewError（参数不能为空）｝letfindStudentByAge（arr，agecheckoutType（））arr。filter（numnumage）