12个解决日常问题的JavaScript代码片段

　　1、破坏赋值
　　在JavaScript中，您可以使用析构方法将数组中的值解包并将它们分配给其他变量。1。DestructiveAssignmentconstdata〔Paul，tooold，SoftwareEngineer〕const〔name，age，jobtitle〕dataconsole。log（name，age，jobtitle）PaultoooldSoftwareEngineer
　　2、在Array中查找对象
　　JavaScriptfind（）方法可用于搜索数组以查找特定对象。2。FindanobjectinArrayconstemployess〔｛name：Paul，jobtitle：SoftwareEngineer｝，｛name：Peter，jobtitle：WebDeveloper｝，｛name：Harald，jobtitle：ScreenDesigner｝，〕letsenemployess。find（datadata。jobtitleSoftwareEngineer）console。log（sen）｛name：Paul，jobtitle：SoftwareEngineer｝
　　3、反转字符串
　　以下代码段可用于在不使用循环的情况下反转任何字符串。3。ReverseaStringconstreverse（input）｛returninput。split（）。reverse（）。join（）；｝console。log（reverse（PaulKnulst））tslunKluaPconsole。log（reverse（Mediumisawesome））emosewasimuideM
　　4、带有占位符的模板文字
　　如果您使用模板文字，您可以借助｛｝方法在字符串中包含变量。4。PlaceholderinStringsletplaceholder1Engineer；letplaceholder2Developer；console。log（ImaSoftware｛placeholder1｝）；ImaSoftwareEngineerconsole。log（ImaSoftware｛placeholder2｝）；ImaSoftwareDeveloper
　　5、单行ifelse语句
　　对于JavaScript中的简单ifelse语句，您可以使用单行方法来执行它。5。OneLineifelseStatementnormalif（1337）｛console。log（true）；｝else｛console。log（false）｝Oneliner1337？console。log（true）：console。log（false）
　　6、摆脱重复
　　在JavaScript中，有一种简单的方法可以从任何输入数组中去除重复项。当数组中有很多元素并且可能有一些重复项时，这非常方便。
　　以下代码段将展示如何使用Set数据类型来实现此目的6。GetRidofDuplicatesfunctionremoveDuplicates（array）｛return〔。。。newSet（array）〕；｝constuniqueStrremoveDuplicates（〔Paul，John，Harald，Paul，John〕）constuniqueNrremoveDuplicates（〔1，1，2，2，3，3，4，5，6，7，7，7，9〕）console。log（uniqueStr）〔Paul，John，Harald〕console。log（uniqueNr）〔1，2，3，4，5，6，7，9〕
　　7、将字符串拆分为数组
　　如果您想将字符串拆分为数组，可以使用以下代码片段7。SplitStringtoArrayconstrandomStringSoftwareconstnewArray〔。。。randomString〕console。log（newArray）〔S，o，f，t，w，a，r，e〕
　　8、捕获右键单击
　　如果使用JavaScript并希望在用户使用时捕获右键单击以执行某些代码。8。CaptureRightClickonlyusableinHTMLJSwindow。oncontextmenu（）｛console。log（RightClickisPressed！）｝
　　9、遍历键和值
　　这个有用的片段可用于迭代字典数据的键（或值）。为此，您可以检索键值并使用forEach函数。9。LoopingthroughKeysandValuesconstprogramminglanguages｛JavaScript：1，Kotlin：2，Python：3｝；Object。keys（programminglanguages）。forEach（（key）｛console。log（key）；｝）；JavaScriptKotlinPythonObject。values（programminglanguages）。forEach（（key）｛console。log（key）；｝）；123
　　10、智能数据过滤
　　使用JavaScript内置的Filter方法过滤您的数据。如果您的输入有大量数据并且您只需要输入数组中的特定数据，这很重要。10。SmartDataFilterationconstjobs〔FrontendDeveloper，BackendDeveloper，DataScientist，Teacher〕constfilteredjobs1jobs。filter（datadata。length10）constfilteredjobs2jobs。filter（datadata。includes（Developer））console。log（filteredjobs1）〔Teacher〕console。log（filteredjobs2）〔FrontendDeveloper，BackendDeveloper〕
　　11、空合并运算符
　　空合并运算符（？？）是一个逻辑运算符，当其左侧操作数为空或未定义时返回其右侧操作数，否则返回其左侧操作数。11。Nullishcoalescingoperatorconstfoonull？？defaultstring；constbaz0？？42；console。log（foo）；defaultstringconsole。log（baz）；0
　　12、错误处理
　　在编程中，开发过程中总会发生错误。为了避免您的程序崩溃，您可以使用trycatch语句。这是每个编程语言中的一种众所周知的语法，用于捕获运行时错误。12。ErrorHandlingfunctiongetRectArea（width，height）｛if（isNaN（width）isNaN（height））｛throwParameterisnotanumber！；｝｝try｛getRectArea（3，A）｝catch（err）｛console。log（Therewasanerror：｛err｝）｝finally｛console。log（Thiscodeblockisexecutedregardlessoftrycatchresults）｝