本文已经过原作者 Rahul 授权翻译！

1.三元运算符

新手

lethungry =true;leteat;if(hungry ==true) {eat=yes; 
}else{eat=no;
}

老手

lethungry =true;leteat = hungry ==true?yes:no;

2.数字转字符串/字符串转数字

新手

letnum =15;lets = num.toString();// number to stringletn =Number(s);// string to number

老手

letnum =15;lets = num +"";// 数字转字符串letn = +s;// 字符串转数字

3.填充数组

新手

for(leti=0; i < arraySize; i++){
  filledArray[i] {hello:goodbye};
}

老手

letfilledArray =newArray(arraysize).fill(null).map(()=>({hello:goodbye}));

4.对象的动态属性

新手

letdynamic="value";letuser = {
     id:1,
};
user[dynamic] ="other value";

老手

letdynamic="value";letuser = {
    id:1,
    [dynamic] ="other value"};

5.删除重复项

新手

letarray=[100,23,23,23,23,67,45];letoutputArray=[];letflag=false;for(j=0;<array.length;j++){for(k=0;k<outputArray.length;k++){if(array[j]==outputArray[k]){flag=true;}}if(flag==false){outputArray.push(array[j]);}flag=false;}//tArray=[100,23,67,45]

老手

letarray=[100,23,23,23,23,67,45];letoutputArray=Array.from(newSet(array))

6. 数组到对象

新手

letarr = ["value1","value2","value3"];letarrObject = {};for(leti =0; i < arr.length; ++i) {if(arr[i] !==undefined) {
     arrObject[i] = arr[i];
   }
}

老手

letarr = ["value1","value2","value3"];letarrObject = {...arr};

7.对象到数组

新手

letnumber= {
  one:1, 
  two:2,
};letkeys = [];for(letnumbersinnumbers) {if(number.hasOwnProperty(number)) {
     keys.push(number);
    }
}// key = [ one, two ]

老手

letnumber= {
  one:1, 
  two:2,
};letkey =Object.keys(numbers);// key = [ one, two ]letvalue =Object.values(numbers);// value = [ 1, 2 ]letentry =Object.entries(numbers);// entry = [[one : 1], [two : 2]]

8. 短路条件

新手

if(docs) {goToDocs();
}

老手

docs&&goToDocs()

9. 使用^检查数字是否相等

if(a!=123)// before // 一般开发者if(a^123)// after // B格比较高的

10.对象遍历

constage = {Rahul:20,max:16};// 方案1：先得 key 在便利 keyconstkeys =Object.keys(age); 
keys.forEach(key=>age[key]++);console.log(age);// { Rahul: 21, max: 16 }// 方案2 - `for...in` 循环for(letkeyinage){
   age[key]++;
}console.log(age);// { Rahul: 22, max: 18 }

11. 获取对象的所有键

cosnt obj = {name:"前端小智",age:16,address:"厦门",profession:"前端开发", 
};console.log(Object.keys(obj));// name, age, address, profession

12.检查值是否为数组

constarr = [1,2,3];console.log(typeofarr);// objectconsole.log(Array.isArray(arr));// true

13.初始化大小为n的数组并填充默认值

constsize =5;constdefaultValue =0;constarr =Array(size).fill(defaultValue);console.log(arr);// [0, 0, 0, 0, 0]

14. 真值和虚值

虚值：false,0,"",null,undefined和NaN。

真值："Values",0",{},[]。

15. 三等号和双等号的区别

// 双等号 - 将两个操作数转换为相同类型,再比较console.log(0==o);// true// 三等号 - 不转换为相同类型console.log(0===0);// false

16. 接收参数更好的方式

functiondownloadData(url, resourceId, searchTest, pageNo, limit){}

downloadData(...);// need to remember the order

更简单的方法

functiondownloadData({ url, resourceId, searchTest, pageNo, limit } = {}){}

downloadData(
  {resourceId:2,url:"/posts",searchText:"WebDev"}
);

17.null vs undefined

null =>它是一个值，而undefined不是。

constfn=(x =defaultvalue) => console.log(x);fn(undefined);// default valuefn();// default valuefn(null);// null

传递null时，不采用默认值，而undefined或未传递任何内容时，将采用默认值。

原文：https://dev.to/rahxuls/17-javascript-tricks-you-didn-t-know-5gog