使用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));
相关推荐
Mintopia8 分钟前
🧱 用三维点亮前端宇宙:构建你自己的 Three.js 组件库
前端·javascript·three.js
故事与九25 分钟前
vue3使用vue-pdf-embed实现前端PDF在线预览
前端·vue.js·pdf
小西↬25 分钟前
vite+vue3+websocket处理音频流发送到后端
javascript·websocket·音视频
Mintopia1 小时前
🚀 顶点-面碰撞检测之诗:用牛顿法追寻命运的交点
前端·javascript·计算机图形学
wb1891 小时前
企业WEB应用服务器TOMCAT
运维·前端·笔记·tomcat·云计算
烛阴2 小时前
解锁 Gulp 的潜力:高级技巧与工作流优化
前端·javascript
Entropy-Lee2 小时前
JavaScript 语句和函数
开发语言·前端·javascript
Wcowin3 小时前
MkDocs文档日期插件【推荐】
前端·mkdocs
xw54 小时前
免费的个人网站托管-Cloudflare
服务器·前端
网安Ruler4 小时前
Web开发-PHP应用&Cookie脆弱&Session固定&Token唯一&身份验证&数据库通讯
前端·数据库·网络安全·php·渗透·红队