JS數據分析數據去重及參數序列化示例
列表去重
使用 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數據去重參數序列化的資料請關註WalkonNet其它相關文章!
推薦閱讀:
- postman 如何實現傳遞 ArrayList 給後臺
- vue日常開發基礎Axios網絡庫封裝
- JavaScript中你不知道的Object.entries用法
- 前端進階JS數組高級用法大全教程示例
- 如何在vue中使用jsx語法