截取表单提交的字符串信息转换成对象 -- 前端面试题（一）

时间 2019-12-13

标签截取表单提交字符串信息转换对象端面试题栏目 HTML 繁體版

原文原文链接

字符串的方法javascript

1.str.indexOf("?")返回？这个字符串的位置，也就是第几位html

2.str.slice(num)截取从num开始到结束的字符串，java

str.slice(num1，num2)截取从num1开始到num2的字符串，数组

3.str.split("&")把字符串里有&截断。函数

首先我要获取？后面的的字符串，我经过indexOf知道了？的位置code

而后我把？以后的字符串截取出来了htm

而后用split函数去掉&而后把去掉&以后的字符串保存在数组里，长度为3的一维数组对象

而后利用for循环和split把一维数组变成没有=的二维数组blog

而后把二维数组赋值给对象索引

我还判断值是否为数字，是数字就把类型转变成number

附上整段代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            var str = "http://www.baidu.com?name=jack&age=30&sex=0"
            function fun(str){
                var num = str.indexOf("?");
                var str1 = str.slice(num+1);
                var str2 = str1.split("&");
                for (var j = 0;j<str2.length;j++) {
                    str2[j]=str2[j].split("=");
                }
                var obj = {};
                for (var i = 0;i<str2.length;i++) {
                        if (!isNaN(str2[i][1])) {//判断值是不是数字，若是是数字就转换成number类型
                            str2[i][1] = Number(str2[i][1]);
                        }else{
                            str2[i][1]=str2[i][1];
                        }
                        obj[str2[i][0]]=str2[i][1];//对象的赋值，和数组同样，只是对象的索引不是数字，而是字符串
                    }
//                console.log(obj);
                return obj;//返回对象
            }
            console.log(fun(str));
        </script>
    </body>
</html>

效果图以下：