91在线一级黄片|91视频在线观看18|成人夜间呦呦网站|91资源欧美日韩超碰|久久最新免费精品视频一区二区三区|国产探花视频在线观看|黄片真人免费三级片毛片|国产人无码视频在线|精品成人影视无码三区|久久视频爱久久免费精品

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
5個能提高前端工作效率的操作

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

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來,是專業(yè)互聯(lián)網(wǎng)技術服務公司,擁有項目成都網(wǎng)站制作、成都網(wǎng)站設計網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元德江做網(wǎng)站,已為上家服務,為德江各地企業(yè)和個人服務,聯(lián)系電話:13518219792

數(shù)字取整

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

字符串轉數(shù)字

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

Falsy和Truthy值轉boolean

Falsy為Javascript中所有可以轉換為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. let trueNum = 1;
  7. let trueStr = "何方";
  8. let trueObj = {name:"何方"};
  9. let trueArr = ["前端","后端"];
  10. console.log("falseNum", !!falseNum); // false
  11. console.log("falseStr", !!falseStr); // false
  12. console.log("falseUndefined", !!falseUndefined); // false
  13. console.log("falseNaN",!!falseNaN); // false
  14. console.log("trueNum",!!trueNum); // true
  15. console.log("trueStr",!!trueStr); // true
  16. console.log("trueObj",!!trueObj); // true
  17. console.log("trueArr",!!trueArr); // true

交換對象鍵值

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

數(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", true, false, false, 1, 2, "2"
  11. ];
  12. arrNum = Array.from(new Set(arrNum));
  13. arrString = [...new Set(arrString)];
  14. arrMixed = [...new Set(arrMixed)];
  15. console.log(arrNum); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
  16. console.log(arrString); // ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"]
  17. console.log(arrMixed); // [1, "1", "2", true, false, 2]

引用類型數(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);

網(wǎng)頁題目:5個能提高前端工作效率的操作
標題來源:http://m.jiaoqi3.com/article/dppeesh.html