<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>解析url的方法</title> </head> <body> </body> </html> <script type="text/javascript"> /* //捕獲出var str="zhufeng2016peixun:js+css+HTML5"中的“js+css+HTML5” var str="zhufeng2016peixun:js+css+HTML5&node+vue+react"; var reg=/:([0-9a-zA-Z+]+)/; console.log(reg.exec(str)[1]);//"js+css+HTML5" var str="zhufeng2016peixun:js+css+HTML5&node+vue+react"; //"js+css+HTML5" //"node+vue+react" var reg=/(?::|&)([0-9a-zA-Z+]+)/g; console.log(reg.exec(str)[1]); console.log(reg.exec(str)[1]); var str="zhufeng2016zhufeng:js+css+HTML5"; var reg=/\w+(\d+)/g; var r=reg.exec(str); var a=[]; while(r){ a.push(r[1]); r=reg.exec(str); } console.log(a); //a 爲多少？ */ </script> <script> //找出 var url = "www.yyn1109.cn ?course1=js&course2=css&course3=jQ"; //變成Object {course1: "js", course2: "css", course3: "jQ"} 用正則 var url = "www.mq1117.cn?course1=js&course2=css&course3=jQ"; //第一種方案 function urlToObj(url) { url = url.split("?")[1]; //"course1=js&course2=css&course3=jQ" var ary = url.split("&"); //["course1=js","course2=css","course3=jQ"]; var obj = {}; ary.forEach((item) => { var a = item.split("=");//["course1","js"] obj[a[0]] = a[1]; }); return obj; } //console.log(urlToObj(url)); //第二種方案 function urlToObj(url) { //按照?,&,=一次性拆分爲數組 var ary = url.split(/[?&=]/); //www.mq1117.cn沒有用,所以 刪除第一項 ary.shift(); var obj = {}; //["course1","js","course2","css","course3","jQ"] for (var i = 0; i < ary.length; i += 2) { //i 索引 0,2,4 //i+1 索引 1,3,5 obj[ary[i]] = ary[i + 1]; } return obj; } //console.log(urlToObj(url)); //第三種方案 function urlToObj(url) { url = url.split("?")[1]; //"course1 =js &course2 =css& course3= jQ" //"{course1:'js',course2:'css',course3:'jQ'}" //{ =-->:' & --> ', '} return eval("({" + url.replace(/=/g, ":'").replace(/&/g, "',") + "'})"); } //console.log(urlToObj(url)); function urlToObj(url) { var reg=/[?&](\w+)=(\w+)/g; var obj={}; url.replace(reg,function () { obj[arguments[1]]=arguments[2] }); return obj } function urlToObj(url) { url=url.split("?")[1]; //"course1=js&course2=css&course3=jQ" var reg=/(?:^|&)(\w+)=(\w+)/g; var reg=/&?(\w+)=(\w+)/g; return eval("({"+url.replace(reg,"$1:'$2',")+"})") } console.log(urlToObj(url)); </script>
解析url的方法（五種）
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.