使用ES5和ES6求函数参数的和、解析URL Params为对象

文章目录

  • [1 使用ES5和ES6求函数参数的和](#1 使用ES5和ES6求函数参数的和)
    • [1.1 ES5](#1.1 ES5)
    • [1.2 ES6](#1.2 ES6)
  • [2 解析URL Params为对象](#2 解析URL Params为对象)

1 使用ES5和ES6求函数参数的和

1.1 ES5

javascript 复制代码
function sum() {
    let sum = 0;
    Array.prototype.forEach.call(arguments, function(item) {
        sum += item * 1;
    })
    return sum;
}

1.2 ES6

javascript 复制代码
function sum(...nums) {
    let sum = 0;
    nums.forEach(function(item) {
        sum += item * 1;
    })
    return sum;
}

2 解析URL Params为对象

javascript 复制代码
/**
 * 结果:
 * { 
 *   user: 'anonymous',
 *   id: [ 123, 456 ], // 重复出现的 key 要组装成数组,能被转成数字的就转成数字类型
 *   city: '北京',     // 中文需解码
 *   enabled: true,   // 未指定值得 key 约定为 true
 * }
 */
let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';

function parseParam(url) {
    let paramStr = /.+\?(.+)$/.exec(url)[1];
    let paramArr = paramStr.split('&');
    let paramObj = {};
    paramArr.forEach(function(item) {
        if (/=/.test(item)) {
            let [key, value] = item.split('=');
            value = decodeURIComponent(value);
            value = /^\d+$/.test(value) ? parseFloat(value) : value;
            if (paramObj.hasOwnProperty(key)) {
                paramObj[key] = [].concat(paramObj[key], value);
            } else {
                paramObj[key] = value;
            }
        } else {
            paramObj[item] = true;
        }
    })
    return paramObj;
}
console.log(parseParam(url));
相关推荐
奋斗的小羊羊24 分钟前
HTML5关键知识点之多种视频编码工具的使用方法
前端·音视频·html5
前端呆猿30 分钟前
深入解析HTML5中的object-fit属性
前端·css·html5
再学一点就睡30 分钟前
实现大文件上传全流程详解(补偿版本)
前端·javascript·面试
你的人类朋友2 小时前
【Node&Vue】什么是ECMAScript?
前端·javascript·后端
路灯下的光2 小时前
用scss设计一下系统主题有什么方案吗
前端·css·scss
l_tian_tian_2 小时前
SpringClound——网关、服务保护和分布式事务
linux·服务器·前端
一只小风华~3 小时前
CSS @media 媒体查询
前端·css·媒体
shix .3 小时前
最近 | 黄淮教务 | 小工具合集
前端·javascript
John_ToDebug4 小时前
Chrome 内置扩展 vs WebUI:浏览器内核开发中的选择与实践
前端·c++·chrome
烛阴4 小时前
解锁动态键:TypeScript 索引签名完全指南
前端·javascript·typescript