如何轻松获取cookie中的值？

鎴戜滑鐭ラ亾锛屽綋鍓嶇綉绔欎笂鎵€鏈夊彲鐢ㄧ殑cookies閮藉彲浠ラ€氳繃document.cookie鑾峰彇銆俢onsole.log(document.cookie);//'token=eyJ0eXAiOiJKV1QiJ9ftU;鐢ㄦ埛鍚?FEHub锛泆serOutId=362236'褰撶劧锛岀粏蹇冪殑鏈嬪弸涓€瀹氱煡閬擄細濡傛灉鍦⊿et-Cookie鐨勬椂鍊欒缃簡HttpOnly灞炴€э紝閭ｄ箞document.cookie鏄棤娉曡幏鍙栧埌杩欎釜cookie鐨勩€傚ソ浜嗭紝鐜板湪宸茬粡鑾峰彇鍒癱ookie浜嗭紝涓嶈繃鏄竴涓瓧绗︿覆锛岄偅涔堝浣曡幏鍙杒ey瀵瑰簲鐨剉alue鍛紵涓€鑸儏鍐典笅锛屾垜浠繀椤诲湪npm涓壘涓€涓垚鐔熺殑绗笁鏂瑰簱鏉ュ疄鐜拌繖涓姛鑳斤紝姣斿锛歫s-cookie銆備絾鏄鏋滄垜浠彧鏄兂瑕佹煇涓猭ey鐨勫€硷紝涓嶉渶瑕佸鍒燾ookie鍛紵鍦ㄨ繖绉嶅満鏅笅锛屾垜浠彲浠ヨ嚜宸辨墜鍔ㄥ疄鐜拌繖涓姛鑳斤紝鍑忓皯绗笁鏂逛緷璧栧拰鎵撳寘浣撶Н銆傚疄鐜版€濊矾瀛楃涓插垏鍒嗘牴鎹笂闈DN涓婄殑瀹氫箟锛岄€氳繃document.cookie寰楀埌鐨刱ey=value瀛楃涓查€氳繃;杩炴帴璧锋潵锛堝垎鍙峰拰绌烘牸锛夈€傚洜姝わ紝鎴戜滑鍙互鐩存帴閫氳繃split鏂规硶瀵瑰瓧绗︿覆杩涜涓ゆ鎷嗗垎鏉ユ牸寮忓寲鎵€鏈塩ookie銆?/console.log(document.cookie);//'浠ょ墝=eyJ0eXAiOiJKV1QiJ9ftU;鐢ㄦ埛鍚?FEHub锛泆serOutId=362236'constcookieMap=newMap();document.cookie.split(";").forEach((cookie)=>{const[key,value]=cookie.split("=");cookieMap.set(key,value);})console.log(cookieMap.size);//3console.log(cookieMap.get("username"));//FEHub姝ｅ垯鍖归厤瀛楃涓茬殑match鏂规硶鍙互浼犲叆姝ｅ垯琛ㄨ揪寮忓尮閰嶅唴瀹广€傚鏋滄垜浠兂鑾峰彇鐢ㄦ埛鍚嶇殑鍊硷紝鎴戜滑鍙互杩欐牱鍐欙細//console.log(document.cookie);//'浠ょ墝=eyJ0eXAiOiJKV1QiJ9ftU;鐢ㄦ埛鍚?FEHub锛泆serOutId=362236'//鍖归厤鐜版湁鍊糲onstresult=document.cookie.match(/username=(\w+)/);//['username=FEHub','FEHub',index:29,input:'token=eyJ0eXAiOiJKV1QiJ9ftU;鐢ㄦ埛鍚?FEHub锛泆serOutId=362236',groups:undefined]console.log(result[1]);//FEHub//鍖归厤涓€涓笉瀛樺湪鐨勫€糲onstresult2=document.cookie.match(/xxx=(\w+)/);//瀵逛笂闈㈢殑姝ｅ垯鍖栦负null锛屽仛涓畝鍗曠殑瑙ｉ噴锛歕w:琛ㄧず鍖归厤瀛楁瘝銆佹暟瀛椼€佷笅鍒掔嚎銆?锛氳〃绀哄墠闈㈢殑瀛愯〃杈惧紡鑷冲皯鍖归厤涓€娆°€?)锛氳〃绀哄皢鍖归厤鍒扮殑鍐呭鏀惧叆鍒嗙粍銆傚鏋滃尮閰嶅埌鍐呭锛屽垯鐩存帴閫氳繃涓嬫爣1鑾峰彇瀵瑰簲鐨勫€硷紝濡傛灉鑾峰彇涓嶅埌鍐呭锛屽垯杩斿洖鍊间负null銆傜劧鍚庢垜浠◢寰皝瑁呬竴涓嬶紝璁╁畠鏇撮€氱敤锛歝onstgetCookie=(key)=>{const{cookie}=document;returncookie.match(newRegExp(`${key}=(?\\w+)`))?.groups?.key;};//console.log(document.cookie);//'浠ょ墝=eyJ0eXAiOiJKV1QiJ9ftU;鐢ㄦ埛鍚?FEHub锛泆serOutId=362236'console.log(getCookie('username'));//FEHub杩欓噷绠€鍗曚粙缁嶄竴涓嬶細閫氳繃newRegExp锛屽姩鎬佺敓鎴愭鍒欒〃杈惧紡锛屼粠鑰屽彲浠ュ姩鎬佹寚瀹氳幏鍙栧埌鐨刱ey銆傜敱浜庣敓鎴愭鍒欒〃杈惧紡鏃朵紶鍏ョ殑鏄瓧绗︿覆琛ㄨ揪寮忥紝鎵€浠ラ渶瑕佸皢\w杞箟涓篭\w銆??x)鏄竴绉嶅父瑙勭殑鍛藉悕鎹曡幏缁勮娉曪紝鍏剁洰鐨勬槸鍏佽鏇存槑纭殑鍊奸€夋嫨銆傚叧娉ㄦ垜锛岃繖灏辨槸浠婂ぉ鍒嗕韩鐨勬墍鏈夊唴瀹瑰暒~鍏虫敞鎴戯紝姣忓ぉ瀛︿範涓€涓湁瓒ｇ殑灏忕煡璇嗮煒?/p>