自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

5個能提高前端工作效率的操作

開發(fā) 前端
一些在前端項目中會用到的快捷操作,下面的代碼都可以直接復(fù)制到控制臺運行。

一些在前端項目中會用到的快捷操作,下面的代碼都可以直接復(fù)制到控制臺運行。

數(shù)字取整

 

  1. let floatNum = 100.5;  
  2. let intNum = ~~floatNum;  
  3. console.log(intNum); // 100 

 

 

5個能提高前端工作效率的騷操作

 

字符串轉(zhuǎn)數(shù)字

 

  1. let str="10000" 
  2. let num = +str;  
  3. console.log(num); // 10000 

 

 

5個能提高前端工作效率的騷操作

 

Falsy和Truthy值轉(zhuǎn)boolean

Falsy為Javascript中所有可以轉(zhuǎn)換為false的值的統(tǒng)稱,共8個:false本身、空字符串、null、undefined、NaN、數(shù)字0、數(shù)字-0、大數(shù)字0n。

除Falsy值外其他所有值都是Truthy

  1. let falseNum = 0; 
  2. let falseStr = ""
  3. let falseUndefined; 
  4. let falseNull = null
  5. let falseNaN = 0/0; 
  6.  
  7. let trueNum = 1; 
  8. let trueStr = "何方"
  9. let trueObj = {name:"何方"}; 
  10. let trueArr = ["前端","后端"]; 
  11.  
  12. console.log("falseNum", !!falseNum); // false 
  13. console.log("falseStr", !!falseStr); // false 
  14. console.log("falseUndefined", !!falseUndefined); // false 
  15. console.log("falseNaN",!!falseNaN); // false 
  16.  
  17. console.log("trueNum",!!trueNum); // true 
  18. console.log("trueStr",!!trueStr); // true 
  19. console.log("trueObj",!!trueObj); // true 
  20. console.log("trueArr",!!trueArr); // true 

 

5個能提高前端工作效率的騷操作

 

交換對象鍵值

 

  1. let obj = { 
  2.     key1: "value1"
  3.     key2: "value2" 
  4. }; 
  5. let revert = {}; 
  6. Object.entries(obj).forEach(([key, value]) => revert[value] = key); 
  7. console.log(revert); 

 

 

5個能提高前端工作效率的騷操作

 

數(shù)組去重

值類型數(shù)組

 

  1. let arrNum = [ 
  2.     1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 
  3.     1, 2, 3, 4, 5, 6, 7, 8, 9, 0 
  4. ]; 
  5. let arrString = [ 
  6.     "1""2""3""4""5""6""7""8""9""0"
  7.     "1""2""3""4""5""6""7""8""9""0" 
  8. ]; 
  9. let arrMixed = [ 
  10.     1, "1""2"truefalsefalse, 1, 2, "2" 
  11. ]; 
  12.  
  13. arrNum = Array.from(new Set(arrNum)); 
  14. arrString = [...new Set(arrString)]; 
  15. arrMixed = [...new Set(arrMixed)]; 
  16.  
  17. console.log(arrNum); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] 
  18. console.log(arrString); // ["1""2""3""4""5""6""7""8""9""0"
  19. console.log(arrMixed); // [1, "1""2"truefalse, 2] 

 

 

5個能提高前端工作效率的騷操作

 

引用類型數(shù)組

 

  1. let arrObj = [ 
  2.     {name"何方"}, 
  3.     {name"王二"}, 
  4.     {name"何方"}, 
  5.     {name"何方"}, 
  6.     {name"何方"}, 
  7.     {name"何方"}, 
  8.     {name"王二"}, 
  9.     {name"王二"}, 
  10.     {name"王二"}, 
  11.     {name"王二"}, 
  12. ]; 
  13. let arrObj2 = []; 
  14. arrObj.forEach(item => { 
  15.     arrObj2.find(find => find.name === item.name) || arrObj2.push(item) 
  16. }); 
  17. console.log(arrObj2); 

 

 

5個能提高前端工作效率的騷操作

 

 

責(zé)任編輯:華軒 來源: 今日頭條
相關(guān)推薦

2021-01-12 15:17:40

命令Linux操作系統(tǒng)

2018-07-11 10:39:11

程序員效率工具

2023-10-24 17:45:31

AI

2015-11-16 10:03:10

效率

2018-08-08 09:00:00

UNIXLinux命令

2023-10-13 12:56:23

工作效率VS Code技巧

2020-05-07 10:25:13

工作效率遠(yuǎn)程辦公CIO

2021-09-30 16:25:20

物聯(lián)網(wǎng)人工智能IoT

2020-03-25 08:26:44

console.log前端

2018-08-10 10:22:19

編程語言Java高效工具

2021-07-19 05:53:32

程序員工作效率效率

2025-02-21 09:54:12

2009-05-15 16:36:34

EclipseIDE效率

2022-08-16 10:32:08

Python數(shù)據(jù)科學(xué)

2009-05-14 11:43:56

2019-08-30 14:25:03

Vim命令Linux

2023-05-15 06:55:27

ChatGPTPrompt

2010-03-05 13:00:39

Ubuntu命令

2014-04-04 10:27:50

碼農(nóng)工作效率

2009-03-02 09:14:00

點贊
收藏

51CTO技術(shù)棧公眾號