如何将URL参数转换为JavaScript对象？

最新推荐文章于 2024-03-08 10:23:07 发布

m0_66307093

最新推荐文章于 2024-03-08 10:23:07 发布

阅读量604

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_66307093/article/details/122421586

版权

给定一个带有参数的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>