如何對url的的參數進行一個對象轉化

来源:https://www.cnblogs.com/vensent-Onion/archive/2018/04/17/8870321.html
-Advertisement-
Play Games

本例子是直接寫在一個react組件中的 不過方法還是原生的方法 不多說 直接上代碼 比如我們有一個 url: 'www.zhangfeng.com?id=1&name=zhangfeng&age=18' handleUrl() { // 獲取一個一個url後面的參數 這裡用到了字元串的截取方法sub ...


本例子是直接寫在一個react組件中的 不過方法還是原生的方法

不多說 直接上代碼

比如我們有一個 

url: 'www.zhangfeng.com?id=1&name=zhangfeng&age=18'   handleUrl() {   // 獲取一個一個url後面的參數 這裡用到了字元串的截取方法substring 還有indexof來查詢?的位置 我們先截取?後面的參數字元串   const str = url.substring(url.indexOf('?') + 1)   // 以&為分割點 把參數字元串轉化為數組   const arr = str.split('&')   let newArr = []   let params = {}   // 對數組的每一項進行一個迴圈處理 再按照等號進行分隔 然後保存到對象中中   arr.forEach((e, index) => {     newArr = e.split('=')     params[newArr[0]] = newArr[1]   })   // 最後這個params就是我們需要的參數對象 }

好了 就是這麼簡單咯


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.問題描述 在excel中生成了一個UTF-8編碼格式的csv文件準備導入資料庫,在notpad++下打開顯示正常,編碼集為UTF-8,通過pl/sql dev導入oracle是出現亂碼,此時初步推斷oracle字元集與本地操作不同導致的亂碼 2.處理過程 2.1 查看ORACLE字元編碼集 se ...
  • MySQL Client/Server協議 準確的說應該是MySQL Client/Server協議,另一個叫X Protocol的暫不涉及。地址如下:MySQL Client/Server Protocol 位元組序 一般協議里說的位元組序是指網路位元組序,網路位元組序是big endian。而MySQL ...
  • 此場景適用於移動端百分比佈局,背景全屏顯示。 在一個沒有設置寬高的容器中設置背景,想要背景全屏顯示,設置bcakground-size:100%;後還需設置position:absolut; 原因: absolute會脫離normal float, 即該元素會直接以root標簽(類似window但不 ...
  • css之路 ...
  • Web界面設計是由Bill Scott編著、電子工業出版社出版的一部圖書,在Web已經進入嶄新的時代的今天,界面的設計顯得非常重要,本書就是基於獨一無二的Web環境下、在創建豐富體驗的過程中設計Web界面的最佳實踐、模式和原理。 本書既是一本Web界面設計指南,又是一本Web界面實例參考,適合Web ...
  • 不藉助插件怎樣在移動設備上實現動畫效果?怎樣快速搭建HTML電子郵箱?怎樣製作跨PC和移動設備顯示的應用界面?怎樣利用最新的JavaScript框架提高應用的響應速度?怎樣有效利用CoffeeScript和Sass開發和維護客戶端代碼?如何發揮Git管理版本庫的功效?本書包含42種Web開發技巧,從 ...
  • 通過學習本書,讀者很快就能明白為什麼PHP、Apache和MySQL會迅速成為開發動態網站最流行的方式,本書將為讀者理解這3個核心組件如何獨立工作和協同工作奠定良好的基礎,引導讀者充分利用它們提供的各種功能。 Web開發入門經典:使用PHP6、Apache和MySQL首先通過兩個項目介紹瞭如何利用這 ...
  • Web性能權威指南是谷歌公司高性能團隊核心成員的權威之作,堪稱實戰經驗與規範解讀完美結合的產物。《Web性能權威指南》目標是涵蓋Web開發者技術體系中應該掌握的所有網路及性能優化知識。全書以性能優化為主線,從TCP、UDP和TLS協議講起,解釋瞭如何針對這幾種協議和基礎設施來優化應用。然後深入探討了 ...
一周排行
    -Advertisement-
    Play Games
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...