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

给定一个带有参数的URL,如何获取这些参数并使用javascript将它们转换为JavaScript对象?下面本篇文章就来给大家介绍一下将URL参数转换为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>

效果图:

推荐阅读:

java基础教程

layui框架

go语言教程

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容