标签：reduce | devpoint：所有网站内容标签|探索发现程序世界、设计世界、互联网世界、现实世界的精彩分析

标签：reduce

JavaScript代码优化常见的3个小技巧

2021-04-05 优雅编程查看详细

用得上的JavaScript 代码片段和技巧

过去陆陆续续总结了一些有助项目开发效率和开发技能的代码片段，一方面加深对 Javascript 语法的理解，一方面对代码进行归档。本文总结一些项目开发中用得上的使用方法及代码整洁的技巧。

2021-11-03 前端基础查看详细

JavaScript 数组操作必须熟练运用的10个方法

JavaScript 提供了大量不同的处理数组的方法，这里花几分钟时间介绍 10 个项目中可以用到的数组方法：map、filter、find、findIndex、forEach、every、some、reduce

2021-11-24 前端基础查看详细

10 个值得掌握的 reduce 技巧

2023-02-22 优雅编程查看详细

1JavaScript 获取 URL 参数的方法有哪些？

获取 URL 种的参数是经常要处理的功能。在 URL 中，查询参数字符串值通常提供有关请求的信息，例如搜索参数或正在使用的对象的 ID。如果在前端处理任何业务或请求逻辑，了解如何从 URL 中检索查询字符串值非常重要。

// url https://www.zhihu.com/index.shtml?name=devpoint&id=100
// 格式化 search parameters
{
    name: "devpoint",
    id: "100",
}

常规方式

这是大多数人使用它的方式。

const parseQuery = (search = window.location.search) => {
    const query = {};
    search
        .slice(1)
        .split("&")
        .forEach((it) => {
            const [key, value] = it.split("=");
            query[key] = decodeURIComponent(value);
        });
    return query;
};
console.log(parseQuery("?name=devpoint&id=100")); // { name: 'devpoint', id: '100' }

使用 reduce

const parseQuery = (search = window.location.search) =>
    search
        .replace(/(^\?)|(&$)/g, "")
        .split("&")
        .reduce((query, it) => {
            const [key, value] = it.split("=");
            query[key] = decodeURIComponent(value);
            return query;
        }, {});

console.log(parseQuery("?name=devpoint&id=100")); // { name: 'devpoint', id: '100' }