js封裝的一些常用方法

整理自己常用的一些封裝方法

1.數(shù)組按照指定長度拆分

// 數(shù)組按指定長度拆分
function chunk (data, count) {
  var result = []
  for (var i = 0, len = data.length; i < len; i += count) {
    result.push(data.slice(i, i + count))
  }
  return result
}

2.刪除數(shù)組中指定元素

/**
 * 刪除數(shù)組中指定元素
 * @param arr
 * @param val
 */
function removeByValue (arr, val) {
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] == val) {
      arr.splice(i, 1)
      break
    }
  }
}

3.將小數(shù)指定到精確位置

/**
 *  將小數(shù)字符串精確到指定位數(shù)
 * @param num string 字符串類型的小數(shù)
 * @param index int 精確到小數(shù)點(diǎn)第幾位
 */
function roundFloat (num, index) {
  return Number(num).toFixed(index)
}

4.根據(jù)微妙時(shí)間戳獲取年月日時(shí)分秒

/**
 *  根據(jù)微妙時(shí)間戳獲取年月日時(shí)分秒
 * @param microtime unix微妙時(shí)間戳
 * @returns {string} yyyy-mm-dd hh:mm:ss
 */
function getNowFormatDate (microtime) {
  var date = new Date(microtime)
  var month = date.getMonth() + 1
  var strDate = date.getDate()
  var strHour = date.getHours()
  var strMinute = date.getMinutes()
  var strSeconds = date.getSeconds()
  if (month >= 1 && month <= 9) {
    month =`0${month}`
  }
  if (strDate >= 0 && strDate <= 9) {
    strDate = `0${strDate}`
  }
  if (strHour >= 0 && strHour <= 9) {
    strHour = `0${strHour}`
  }
  if (strMinute >= 0 && strMinute <= 9) {
    strMinute = `0${strMinute}`
  }
  if (strSeconds >= 0 && strSeconds <= 9) {
    strSeconds = `0${strSeconds}`
  }
 var currentdate =`${date.getFullYear()}-${month }-${strDate} ${strHour}:${strMinute}:${strSeconds}`
return currentdate
}

5.獲取指定日的當(dāng)周周一

/**
 * 獲取指定日的當(dāng)周周一
 * @param time 毫秒時(shí)間戳
 * @returns {string}
 */
function getMonday (time) {
  let today = new Date(time).getDay() === 0 ? 7 : new Date(time).getDay()
  let timeStr = new Date(time).getTime()
  let mondayStr = timeStr - (today - 1) * 3600 * 24 * 1000
  return getNowFormatDate(mondayStr).split(' ')[0] + ' 00:00:00'
}

6.獲取指定日的當(dāng)周周日

/**
 * 獲取指定日的當(dāng)周周日
 * @param time 毫秒時(shí)間戳
 * @returns {string}
 */
function getSunday (time) {
  let today = new Date(time).getDay() === 0 ? 7 : new Date(time).getDay()
  let timeStr = new Date(time).getTime()
  let sundayStr = timeStr + (7 - today) * 3600 * 24 * 1000
  return getNowFormatDate(sundayStr).split(' ')[0] + ' 23:59:59'
}

7.二維數(shù)組分組排序

/*
@params arr 要排序的數(shù)組
 @params group 要分組的鍵
 */
function arrayGroupby (arr, key) {
  var result = {}
  arr.forEach(function (child, i) {
    if (!(child[key] in result)) {
      result[child[key]] = []
    }
    result[child[key]].push(child)
  })
  return result
}

8.輸入正確的數(shù)值

/**
 * 輸出正確的數(shù)值
 * @param val
 * @param changedVal
 * @returns {Number}
 */
function echoTrueNumber (val, changedVal) {
  if (val === 0 || val === '0') {
    return parseFloat(val)
  }
  return val ? parseFloat(val) : changedVal
}

9.根據(jù)數(shù)字字符串獲取小數(shù)位位數(shù)

/**
 * 根據(jù)數(shù)字字符串獲取小數(shù)位位數(shù)
 * @param num
 * @returns {number}
 */
function getIndexLength (num) {
  num = Number(num).toString()
  let length = 0
  if (typeof num.split('.')[1] === 'undefined') {
    if (num.indexOf('-') > 0) {
      // 0.0000001,1e-7科學(xué)計(jì)數(shù)法
      length = Number(num.split('-')[1])
    } else {
      // 整數(shù)
      length = 0
    }
  } else {
    // 普通的小數(shù)0.121562
    length = num.split('.')[1].length
  }

  return length
}

10.去字符串所有空格

/**
 * 去掉字符串所有空格
 * @param {String} Str 
 */
//去字符串所有空格
function stringTrim(Str) {
  return Str.replace(/(^\s+)|(\s+$)/g, '')
}

11.數(shù)組去重

/**
 * 數(shù)組去重
 * @param {Array} arr 
 * @returns {Array}
 */
function arrayUnique(arr) {
  var newArr = []
  for (var i = 0, len = arr.length; i < len; i++) {
    for (var j = i + 1; j < len; j++) {
      if (arr[i] === arr[j]) {
        //獲取沒重復(fù)的最右一值放入新數(shù)組
        ++i
      }
    }
    newArr.push(arr[i])
  }
  return newArr
}

12.判斷是pc端還是移動(dòng)

 function IsPC() {
  let userAgentInfo = navigator.userAgent
  let Agents = [
    'Android',
    'iPhone',
    'SymbianOS',
    'Windows Phone',
    'iPad',
    'iPod'
  ]
  let flag = true
  for (let v = 0; v < Agents.length; v++) {
    if (userAgentInfo.indexOf(Agents[v]) > 0) {
      flag = false
      break
    }
  }
  return flag
}


//判斷手機(jī)端域名
export const DeviceState = (function Device() {
  if (window.location.host.slice(0, 1) === 'm' || !IsPC()) {
    console.log("手機(jī)端")
    return true
  } else {
    console.log("pc端")
    return false
  }
})()

第一次在簡書上寫文章,不會(huì)太寫什么,只想從現(xiàn)在開始好好的記錄自己用知識(shí)點(diǎn),想讓自己每天都在進(jìn)步中~~~ 以后每周都會(huì)總結(jié)一周的用到的技術(shù),學(xué)到的新的技術(shù)遇到的難點(diǎn)裁蚁,也希望給簡書的朋友能學(xué)到一些東西

u=4247890049,3808382707&fm=26&gp=0.jpg
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末炉擅,一起剝皮案震驚了整個(gè)濱河市尸闸,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌助被,老刑警劉巖艾栋,帶你破解...
    沈念sama閱讀 218,640評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異株扛,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)汇荐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門洞就,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人掀淘,你說我怎么就攤上這事旬蟋。” “怎么了繁疤?”我有些...
    開封第一講書人閱讀 165,011評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵咖为,是天一觀的道長秕狰。 經(jīng)常有香客問我稠腊,道長,這世上最難降的妖魔是什么鸣哀? 我笑而不...
    開封第一講書人閱讀 58,755評(píng)論 1 294
  • 正文 為了忘掉前任架忌,我火速辦了婚禮,結(jié)果婚禮上我衬,老公的妹妹穿的比我還像新娘叹放。我一直安慰自己饰恕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,774評(píng)論 6 392
  • 文/花漫 我一把揭開白布井仰。 她就那樣靜靜地躺著埋嵌,像睡著了一般。 火紅的嫁衣襯著肌膚如雪俱恶。 梳的紋絲不亂的頭發(fā)上雹嗦,一...
    開封第一講書人閱讀 51,610評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音合是,去河邊找鬼了罪。 笑死,一個(gè)胖子當(dāng)著我的面吹牛聪全,可吹牛的內(nèi)容都是我干的泊藕。 我是一名探鬼主播,決...
    沈念sama閱讀 40,352評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼难礼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼娃圆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蛾茉,我...
    開封第一講書人閱讀 39,257評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤踊餐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后臀稚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吝岭,經(jīng)...
    沈念sama閱讀 45,717評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,894評(píng)論 3 336
  • 正文 我和宋清朗相戀三年吧寺,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了窜管。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,021評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡稚机,死狀恐怖幕帆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情赖条,我是刑警寧澤失乾,帶...
    沈念sama閱讀 35,735評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站纬乍,受9級(jí)特大地震影響碱茁,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜仿贬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,354評(píng)論 3 330
  • 文/蒙蒙 一纽竣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦蜓氨、人聲如沸聋袋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽幽勒。三九已至,卻和暖如春港令,著一層夾襖步出監(jiān)牢的瞬間代嗤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評(píng)論 1 270
  • 我被黑心中介騙來泰國打工缠借, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留干毅,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,224評(píng)論 3 371
  • 正文 我出身青樓泼返,卻偏偏與公主長得像硝逢,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子绅喉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,974評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容