给定一个带有参数的 URL, 如何获取这些参数并使用 JavaScript 将它们转换为 JavaScript 对象? 下面本篇文章就来给大家介绍一下将 URL 参数转换为 JavaScript 对象的方法, 希望对大家有所帮助.
想要将 URL 参数转换为 JavaScript 对象, 需要使用 replace() 方法和 split() 方法.
replace() 方法在字符串中搜索已定义的值或正则表达式, 并返回具有替换的已定义值的新字符串.
语法:
string.replace(searchVal, newvalue)
参数:
● searchVal: 此参数是必需的. 它指定将由新值替换的值或正则表达式.
● newvalue: 此参数是必需的. 它指定用于替换搜索值的值.
返回值: 返回一个新字符串, 其中定义值已被新值替换.
split() 方法用于将字符串拆分为子字符串数组, 并返回新数组.
语法:
string.split(separator, limit)
参数:
● separator: 此参数是可选的. 它指定用于拆分字符串的字符或正则表达式. 如果不使用, 将返回整个字符串 (只有一个项目的数组)
● limit: 此参数是可选的. 它指定指定拆分数的整数, 超出拆分限制的项将从数组中排除.
返回值: 返回具有拆分项的新数组.
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <body style="text-align:center;" id="body">
- <p id="UP" style="font-size: 19px; font-weight: bold;">
- </p>
- <p id="DOWN" style="color: green; font-size: 24px; font-weight: bold;">
- </p>
- <script>
- var up = document.getElementById('UP');
- var down = document.getElementById('DOWN');
- var search = 'https://www.html.cn?param_1=val_1&x=7&y=9';
- up.innerHTML = "URL 为:" + search;
- search = search.split('?')[1];
- down.innerHTML = "转换为 JavaScript 对象为:<br>" + '{"' + decodeURI(search).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}';
- </script>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/javascript/10438.html