您现在的位置是:网站首页> 编程资料编程资料
JS数据分析数据去重及参数序列化示例_JavaScript_
2023-05-24
333人已围观
简介 JS数据分析数据去重及参数序列化示例_JavaScript_
列表去重
使用 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数据去重参数序列化的资料请关注其它相关文章!
您可能感兴趣的文章:
相关内容
- JS疑惑的数据类型及类型判断方法详解_JavaScript_
- javascript中for...of和for..in循环的区别_javascript技巧_
- uni-app如何读取本地json数据文件并渲染到页面上_javascript技巧_
- Evil.js项目源码解读_JavaScript_
- Vue实现网页转PDF方法流程详解_vue.js_
- vue3 使用setup语法糖实现分类管理功能_vue.js_
- 老生常谈vue3组件通信方式_vue.js_
- TypeScript对于Duck类型和模块命名空间应用_javascript技巧_
- 自行实现Promise.allSettled的Polyfill处理_JavaScript_
- Node.js实战之Buffer和Stream模块系统深入剖析详解_node.js_
