如何实现JavaScript中数据分析的长尾词去重及参数序列化操作？

本文共计412个文字，预计阅读时间需要2分钟。

目录+列表去重+对象转换为查询字符串+获取查询参数+列表去重+使用Set数据结构+const set=new Set([2, 8, 3, 8, 5]);+注意：Set数据结构视为对象永不相等，即即是两个空对象，在Set结构内部也是不同的。

目录

• 列表去重
• 对象转为查询字符串
• 获取查询参数

列表去重

使用 Set 数据结构

const set = new Set([2, 8, 3, 8, 5])

注：Set 数据结构认为对象永不相等，即使是两个空对象，在 Set 结构内部也是不等的

方法封装

const uniqueness = (data, key) => { const hash = new Map() return data.filter(item => !hash.has(item[key]) && hash.set(item[key], 1)) }

对象转为查询字符串

代码注释

/** * @description: 对象转为查询字符串 * @params {Object} data: 源数据 * @return {String} 目标数据 * @example * * serialize({ a: 1, b: 2 }) * * a=1&b=2 */

方法封装

export const serialize = data => { return Object.keys(data).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`).join('&') }

获取查询参数

代码注释

/** * @description: 获取查询参数 * @params {String} name: 查询参数名称 * @return {String} 目标数据 * @example * * getQueryString('id') */

方法封装

export const getQueryString = key => { return (new URLSearchParams(location.search)).get(key) }

扩展封装

class Route { static url = new URL(location) static attr(attribute) { return this.url[attribute] } static getParams() { const { searchParams } = this.url, params = {} for (const [key, value] of searchParams.entries()) { params[key] = value } return params } static getParam(name) { const { searchParams } = this.url return searchParams.get(name) } static hasParam(name) { const { searchParams } = this.url return searchParams.has(name) } }

以上就是JS数据分析数据去重及参数序列化示例的详细内容，更多关于JS数据去重参数序列化的资料请关注易盾网络其它相关文章！