日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

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

數(shù)字取整

 
 
 
 

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

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

 
 
 
 

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

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

 
 
 
 

  
  
  
  
let falseNum = 0;
  
  
  
  
let falseStr = "";
  
  
  
  
let falseUndefined;
  
  
  
  
let falseNull = null;
  
  
  
  
let falseNaN = 0/0;
  
  
  
  

  
  
  
  
let trueNum = 1;
  
  
  
  
let trueStr = "何方";
  
  
  
  
let trueObj = {name:"何方"};
  
  
  
  
let trueArr = ["前端","后端"];
  
  
  
  

  
  
  
  
console.log("falseNum", !!falseNum); // false
  
  
  
  
console.log("falseStr", !!falseStr); // false
  
  
  
  
console.log("falseUndefined", !!falseUndefined); // false
  
  
  
  
console.log("falseNaN",!!falseNaN); // false
  
  
  
  

  
  
  
  
console.log("trueNum",!!trueNum); // true
  
  
  
  
console.log("trueStr",!!trueStr); // true
  
  
  
  
console.log("trueObj",!!trueObj); // true
  
  
  
  
console.log("trueArr",!!trueArr); // true
 
 
 
 

交換對象鍵值

 
 
 
 

  
  
  
  
let obj = {
  
  
  
  
    key1: "value1",
  
  
  
  
    key2: "value2"
  
  
  
  
};
  
  
  
  
let revert = {};
  
  
  
  
Object.entries(obj).forEach(([key, value]) => revert[value] = key);
  
  
  
  
console.log(revert);
 
 
 
 

數(shù)組去重

值類型數(shù)組

 
 
 
 

  
  
  
  
let arrNum = [
  
  
  
  
    1, 2, 3, 4, 5, 6, 7, 8, 9, 0,
  
  
  
  
    1, 2, 3, 4, 5, 6, 7, 8, 9, 0
  
  
  
  
];
  
  
  
  
let arrString = [
  
  
  
  
    "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",
  
  
  
  
    "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"
  
  
  
  
];
  
  
  
  
let arrMixed = [
  
  
  
  
    1, "1", "2", true, false, false, 1, 2, "2"
  
  
  
  
];
  
  
  
  

  
  
  
  
arrNum = Array.from(new Set(arrNum));
  
  
  
  
arrString = [...new Set(arrString)];
  
  
  
  
arrMixed = [...new Set(arrMixed)];
  
  
  
  

  
  
  
  
console.log(arrNum); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
  
  
  
  
console.log(arrString); // ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"]
  
  
  
  
console.log(arrMixed); // [1, "1", "2", true, false, 2]
 
 
 
 

引用類型數(shù)組

 
 
 
 

  
  
  
  
let arrObj = [
  
  
  
  
    {name: "何方"},
  
  
  
  
    {name: "王二"},
  
  
  
  
    {name: "何方"},
  
  
  
  
    {name: "何方"},
  
  
  
  
    {name: "何方"},
  
  
  
  
    {name: "何方"},
  
  
  
  
    {name: "王二"},
  
  
  
  
    {name: "王二"},
  
  
  
  
    {name: "王二"},
  
  
  
  
    {name: "王二"},
  
  
  
  
];
  
  
  
  
let arrObj2 = [];
  
  
  
  
arrObj.forEach(item => {
  
  
  
  
    arrObj2.find(find => find.name === item.name) || arrObj2.push(item)
  
  
  
  
});
  
  
  
  
console.log(arrObj2);
 
 
 
 

當(dāng)前題目：5個能提高前端工作效率的操作
分享URL：http://www.dlmjj.cn/article/dppeesh.html