练习牛客网笔试题--前端js--1- 获取 url 中的参数

      练习牛客网笔试题--前端js--1- 获取 url 中的参数

       // 题目描述

        // 获取 url 中的参数

        // 1. 指定参数名称，返回该参数的值 或者 空字符串

        // 2. 不指定参数名称，返回全部的参数对象 或者 {}

        // 3. 如果存在多个同名参数，则返回数组

        // 示例1

        // 输入:    http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe key

        // 输出:    [1, 2, 3]

    1. 自己的练习

 function getUrlParam(sUrl, skey) {
            var arr1 = sUrl.split("?")[1];
            var arr2 = arr1.split("#")[0];
            var arr3 = arr2.split('&');
            // console.log(arr3);
            var obj = {};
            for (var i = 0; i < arr3.length; i++) {
                // ukey是等号左边的参数名，uvalue是等式右边的参数值
                // 把参数名和参数值分别存入两个数组
                var key = arr3[i].split('=')[0];
                var value = arr3[i].split('=')[1];
                // 第一次遍历的时候，把参数名存为对象的一个属性，并设置为数组，然后使用push将对应的参数值存到数组中
                if (!obj[key]) {
                    obj[key] = [];
                    obj[key].push(value);
                } else {
                    obj[key].push(value);
                }
            }
            // 如果指定参数名称，返回该参数的值 或者 空字符串
            if (skey) {
                if (obj[skey]) {
                    if (obj[skey].length === 1) {
                        return obj[skey].toString();
                    } else {
                        return obj[skey];
                    }
                } else {
                    return '';
                }
            } else {
                return obj;    //不指定参数名称，返回全部的参数对象 或者 {}
            }
        }

      2. 题解

function getUrlParam(sUrl, sKey) {
            var paramArr = sUrl.split('?')[1].split('#')[0].split('&'); // 取出每个参数的键值对放入数组
            const obj = {};
            paramArr.forEach(element => {
                const [key, value] = element.split('=');  // 取出数组中每一项的键与值
                if(obj[key] === void 0){   // 表示第一次遍历这个元素，直接添加到对象上面
                    obj[key]=value
                } else{
                obj[key]=[].concat(obj[key],value); // 表示不是第一次遍历说明这个键已有，通过数组存起来。
            }});
            return sKey===void 0? obj:obj[sKey]||''   // 如果该方法为一个参数，则返回对象。
            //如果为两个参数，sKey存在，则返回值或数组，否则返回空字符。
        }