欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例

 更新時間:2022年08月16日 16:06:59   作者:丟丟哥  
這篇文章主要為大家介紹了JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

列表去重

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

以上就是JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例的詳細(xì)內(nèi)容,更多關(guān)于JS數(shù)據(jù)去重參數(shù)序列化的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • 微信小程序-getUserInfo回調(diào)的實例詳解

    微信小程序-getUserInfo回調(diào)的實例詳解

    這篇文章主要介紹了微信小程序-getUserInfo回調(diào)的實例詳解的相關(guān)資料,希望通過本文能幫助到大家,讓大家理解掌握這部分內(nèi)容,需要的朋友可以參考下
    2017-10-10
  • 微信小程序?qū)崿F(xiàn)圖片輪播及文件上傳

    微信小程序?qū)崿F(xiàn)圖片輪播及文件上傳

    這篇文章主要介紹了 微信小程序?qū)崿F(xiàn)圖片輪播及文件上傳的相關(guān)資料,需要的朋友可以參考下
    2017-04-04
  • 微信小程序 http請求詳細(xì)介紹

    微信小程序 http請求詳細(xì)介紹

    這篇文章主要介紹了微信小程序 http請求詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • 15個值得收藏的JavaScript函數(shù)

    15個值得收藏的JavaScript函數(shù)

    在開發(fā)一個JavaScript項目時,經(jīng)常會用到以前開發(fā)過的一些工具函數(shù),收集這些函數(shù),當(dāng)你需要它們的時候,將節(jié)省你大量的開發(fā)時間,本文將給大家?guī)?5個常用的工具函數(shù),需要的小伙伴可以參考下
    2021-09-09
  • 微信小程序 同步請求授權(quán)的詳解

    微信小程序 同步請求授權(quán)的詳解

    這篇文章主要介紹了微信小程序 同步請求授權(quán)的詳解的相關(guān)資料,在小程序首次打開的時候,我需要同時請求獲取多個權(quán)限,由用戶逐一授權(quán),這樣的需求實現(xiàn),需要的朋友可以參考下
    2017-08-08
  • umi插件開發(fā)仿dumi項目自動生成導(dǎo)航欄實現(xiàn)詳解

    umi插件開發(fā)仿dumi項目自動生成導(dǎo)航欄實現(xiàn)詳解

    這篇文章主要為大家介紹了umi插件開發(fā)仿dumi項目自動生成導(dǎo)航欄實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-01-01
  • ResizeObserver 監(jiān)視 DOM大小變化示例詳解

    ResizeObserver 監(jiān)視 DOM大小變化示例詳解

    這篇文章主要為大家介紹了ResizeObserver 監(jiān)視 DOM大小變化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • sessionStorage多Tab標(biāo)簽頁數(shù)據(jù)共享問題分析

    sessionStorage多Tab標(biāo)簽頁數(shù)據(jù)共享問題分析

    這篇文章主要為大家介紹了sessionStorage多Tab標(biāo)簽頁數(shù)據(jù)共享問題分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • 微信小程序 Page()函數(shù)詳解

    微信小程序 Page()函數(shù)詳解

    這篇文章主要介紹了微信小程序 Page()函數(shù)詳解的相關(guān)資料,在開發(fā)過程中肯定會遇到Page()函數(shù),希望能幫助到大家,需要的朋友可以參考下
    2016-10-10
  • 微信小程序 數(shù)組(增,刪,改,查)等操作實例詳解

    微信小程序 數(shù)組(增,刪,改,查)等操作實例詳解

    這篇文章主要介紹了微信小程序 數(shù)組(增,刪,改,查)等操作實例詳解的相關(guān)資料,這里對小程序的數(shù)組進(jìn)行操作,簡單實例,需要的朋友可以參考下
    2017-01-01

最新評論