JavaScriptを使用してURLをJSON形式に解析する方法

この記事では、JavaScript で URL を JSON 形式に解析する 2 つの方法を主に紹介します。興味のある方は参考にしてください。この記事では、JavaScript で URL を JSON 形式に解析する 2 つの方法を紹介します。詳細は次のとおりです:

方法 1: 最も簡単な方法、a タグを使用して達成します

function parseUrl(url){
  var a=document.createElement('a');
  a.href=url;
  return {
   protocol:a.protocol.replace(':',''),
   hostname:a.hostname,
   port:a.port,
   path:a.pathname,
   query:(()=>{
    var query=a.search.substr(1);
    var queryArr=query.split('&');
    var queryObj={};
    queryArr.forEach((item,index)=>{
      var item=item.split('=');
      var key=item[0];
      queryObj[key]=item[1];
    })
    return queryObj;
   })(),
    params:(()=>{
    var params=a.hash.substr(1);
    var paramsArr=params.split('#');
    return paramsArr;
    
   })(),

  }
}
var urlObj = parseUrl('http://www.baidu.com:90/search?name=liyajie&age=12#abc#bbb')
console.log(urlObj)

得られる結果

方法 2: nodejs の URL モジュールを使用する

URL を解析するには、Node.js が提供する URL モジュールが必要です。使い方は非常に簡単です。parse() を通じて文字列を Url オブジェクトに解析します。

  'use strict';
   var url = require('url');
   console.log(url.parse('http://user:pass@host.com:8080/path/to/file?query=string#hash'));

以上がJavaScriptを使用してURLをJSON形式に解析する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。