JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化怎么實(shí)現(xiàn)

這篇文章主要介紹“JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化怎么實(shí)現(xiàn)”，在日常操作中，相信很多人在JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化怎么實(shí)現(xiàn)問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化怎么實(shí)現(xiàn)”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

列表去重

使用 Set 數(shù)據(jù)結(jié)構(gòu)

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

注：Set 數(shù)據(jù)結(jié)構(gòu)認(rèn)為對象永不相等，即使是兩個空對象，在 Set 結(jié)構(gòu)內(nèi)部也是不等的

方法封裝

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

對象轉(zhuǎn)為查詢字符串

代碼注釋

/**
* @description: 對象轉(zhuǎn)為查詢字符串
* @params {Object} data: 源數(shù)據(jù)
* @return {String} 目標(biāo)數(shù)據(jù)
* @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('&')
}

獲取查詢參數(shù)

代碼注釋

/**
* @description: 獲取查詢參數(shù)
* @params {String} name: 查詢參數(shù)名稱
* @return {String} 目標(biāo)數(shù)據(jù)
* @example
*
*   getQueryString('id')
*/

方法封裝

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

擴(kuò)展封裝

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)
  }
}

到此，關(guān)于“JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化怎么實(shí)現(xiàn)”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！