JavaScript容易上手，但难以全面掌握；它有很多“怪癖”，只有长期使用才能逐渐揭开它神秘的面纱~ 　　

　　本文提供了一些JavaScript代码片段，其中有一些技巧。肯定有你不知道的~去吧！ 　　

　　过滤空值使用Filter()过滤“空”值，如空值、未定义的或空字符串。您可以使用的缩写方法。过滤器(布尔型)； 　　

　　它把所有的空值都变成false并从列表中删除，优雅！ 　　

　　const杂货='苹果'，null，'牛奶'，未定义，'面包'，' '；const clean list=goals . filter(布尔值)；console . log(clean list)；//'苹果'，'牛奶'，'面包'；对象解构我们经常用ES6解构。对于数组，每一项都是一个对象。如果想得到数组中第一项的对象的某个值，可以这样写； 　　

　　const people={ name: 'Lisa '，年龄： 20，}，{ name: 'Pete '，年龄： 22，}，{ name: 'Caroline '，年龄： 60，}；const { age }=peopleconsole.log(年龄)；//20您还可以通过逗号占位符指定要赋值的项； 　　

　　const people={ name: 'Lisa '，年龄： 20，}，{ name: 'Pete '，年龄： 22，}，{ name: 'Caroline '，年龄： 60，}；const，卡罗琳=人；console.log(卡罗琳)；//{/Name3360' Caroline '，//Age3360 60，//}当然也有常见的对象解构作业； 　　

　　const Caroline={ first nm : ' Caroline '，ag: 27，}；const {firstNm: firstName，ag: age }=carolineconsole.log(名字，年龄)；//Caroline，27个单独的数字对大数使用分隔符，会大大提高可读性；这是ES12的一个新特性； 　　

　　const bigNumber=1 _ 000 _ 000console . log(big number)；//1000000 arrow函数直接返回对象。使用arrow函数返回一个对象。为了区别于函数的{在外层包一层(可以解决； 　　

　　const createPerson=(年龄，姓名，国籍)=({年龄，姓名，国籍，})；const caroline=createPerson(27，' caroline '，' US ')；console.log(卡罗琳)；//{//age336027，//name 3360 ' Caroline '//national 3360 ' us '，/} await chain我们可以在await方法之后使用filter和map方法形成一个链来过滤或者映射获取的数据； 　　

　　const chain directly=(await fetch(' https://www . people . com '))。过滤器(人=20岁)。筛选器(person=nationality==='NL ')