總結(jié):js常用封裝方法

問題所在

這段時(shí)間發(fā)現(xiàn)一些方法頻繁用到堕油,特此總結(jié)起來仙蛉,方便我以后的開發(fā)查閱茅坛,希望隊(duì)伍越來越壯大??


1. 數(shù)組去重

    unique (arr) {
      return Array.from(new Set(arr))
    },

2.對(duì)象數(shù)組去重

    doWeight(arr){
      var result = [];
      var obj = {};
      for(var i =0; i<arr.length; i++){
        if(!obj[arr[i].value]){// 這里是根據(jù)value屬性去重酱畅,可以隨意更改
          result.push(arr[i]);
          obj[arr[i].value] = true;
          }
        }
      return result;
    },

3. 對(duì)象數(shù)組中根據(jù)某個(gè)對(duì)象的一個(gè)鍵值對(duì),刪除對(duì)應(yīng)對(duì)象

    removeByValue(arr, attr, value){
        let index = 0
        for(let i in arr){
          if(arr[i][attr]===value){
            index=i;
            break;
          }
        }
        arr.splice(index,1);
      },
// 舉個(gè)栗子:list=[{id:1,name:'凱',des:'皮膚可真丑'},{id:2,name:'白晶晶',des:'錨點(diǎn)皮膚pei'}]
// removeByValue(list, 'id', 1)
// 結(jié)果為:list=[{id:2,name:'白晶晶',des:'錨點(diǎn)皮膚pei'}]

4. 獲取所傳字符串所占字符

getStrLength(str){
        let len = 0
        for (let i = 0; i < str.length; i++) {
          if (str.charCodeAt(i) > 127 || str.charCodeAt(i) === 94) {
            len += 2;
          } else {
            len++;
          }
        }
        return len
      },
// 舉個(gè)栗子:this.getStrLength('理解bl')
// 結(jié)果為:6

5. 得到html中某一塊的結(jié)構(gòu)

this.$nextTick(function () {
  var columnTree = document.getElementById('custom-tree')
  console.log(columnTree)
});

6.日期由中國標(biāo)準(zhǔn)時(shí)間轉(zhuǎn)變成UTC格式

 dateFormat:function(time) {
      var date=new Date(time);
      var year=date.getFullYear();
      var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
      var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
      var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
      var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
      var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
      return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
    },
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末君旦,一起剝皮案震驚了整個(gè)濱河市澎办,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌金砍,老刑警劉巖局蚀,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異恕稠,居然都是意外死亡琅绅,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門谱俭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來奉件,“玉大人宵蛀,你說我怎么就攤上這事昆著。” “怎么了术陶?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵凑懂,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我梧宫,道長(zhǎng)接谨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任塘匣,我火速辦了婚禮脓豪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘忌卤。我一直安慰自己扫夜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布驰徊。 她就那樣靜靜地躺著笤闯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪棍厂。 梳的紋絲不亂的頭發(fā)上颗味,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音牺弹,去河邊找鬼浦马。 笑死时呀,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的晶默。 我是一名探鬼主播退唠,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼荤胁!你這毒婦竟也來了瞧预?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤仅政,失蹤者是張志新(化名)和其女友劉穎垢油,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體圆丹,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡滩愁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辫封。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片硝枉。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖倦微,靈堂內(nèi)的尸體忽然破棺而出妻味,到底是詐尸還是另有隱情,我是刑警寧澤欣福,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布责球,位于F島的核電站,受9級(jí)特大地震影響拓劝,放射性物質(zhì)發(fā)生泄漏雏逾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一郑临、第九天 我趴在偏房一處隱蔽的房頂上張望栖博。 院中可真熱鬧,春花似錦厢洞、人聲如沸仇让。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妹孙。三九已至,卻和暖如春获枝,著一層夾襖步出監(jiān)牢的瞬間蠢正,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來泰國打工省店, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嚣崭,地道東北人笨触。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像雹舀,于是被迫代替她去往敵國和親芦劣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

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