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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
17個你可能還不知道JS技巧！

 1.三元運算符

創(chuàng)新互聯(lián)建站成立10年來，這條路我們正越走越好，積累了技術與客戶資源，形成了良好的口碑。為客戶提供成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)頁設計、主機域名、網(wǎng)絡營銷、VI設計、網(wǎng)站改版、漏洞修補等服務。網(wǎng)站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等，這些對于網(wǎng)站建設都非常重要，創(chuàng)新互聯(lián)建站通過對建站技術性的掌握、對創(chuàng)意設計的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶，共同發(fā)展進步。

新手

 
 
 
 
    
  
  
  
  
  1. let hungry = true; 
    2.   
  
  
  
  2. let eat;  
    3.   
  
  
  
  3. if (hungry == true) { 
    4.   
  
  
  
  4.        eat = 'yes';  
    5.   
  
  
  
  5. } else { 
    6.   
  
  
  
  6.        eat = 'no'; 
    7.   
  
  
  
  7. } 
    8.

老手

 
 
 
 
    
  
  
  
  
  1. let hungry = true; 
    2.   
  
  
  
  2. let eat = hungry == true ? 'yes' : 'no'; 
    3.

2.數(shù)字轉字符串/字符串轉數(shù)字

新手

 
 
 
 
    
  
  
  
  
  1. let num = 15;  
    2.   
  
  
  
  2. let s = num.toString(); // number to string 
    3.   
  
  
  
  3. let n = Number(s); // string to number 
    4.

老手

 
 
 
 
    
  
  
  
  
  1. let num = 15; 
    2.   
  
  
  
  2. let s = num + ""; // 數(shù)字轉字符串 
    3.   
  
  
  
  3. let n = +s; // 字符串轉數(shù)字 
    4.

3.填充數(shù)組

新手

 
 
 
 
    
  
  
  
  
  1. for(let i=0; i < arraySize; i++){ 
    2.   
  
  
  
  2.   filledArray[i] {'hello' : 'goodbye'}; 
    3.   
  
  
  
  3. } 
    4.

老手

 
 
 
 
    
  
  
  
  
  1. let filledArray = new Array(arraysize).fill(null).map(()=> ({'hello' : 'goodbye'})); 
    2.

4.對象的動態(tài)屬性

新手

 
 
 
 
    
  
  
  
  
  1. let dynamic = "value";  
    2.   
  
  
  
  2. let user = { 
    3.   
  
  
  
  3.      id: 1, 
    4.   
  
  
  
  4. }; 
    5.   
  
  
  
  5. user[dynamic] = "other value";  
    6.

老手

 
 
 
 
    
  
  
  
  
  1. let dynamic = "value";  
    2.   
  
  
  
  2. let user = { 
    3.   
  
  
  
  3.     id: 1, 
    4.   
  
  
  
  4.     [dynamic] = "other value" 
    5.   
  
  
  
  5. }; 
    6.

5.刪除重復項

新手

 
 
 
 
    
  
  
  
  
  1. let array = [100, 23, 23, 23, 23, 67, 45];  
    2.   
  
  
  
  2. let outputArray = []; 
    3.   
  
  
  
  3. let flag = false;  
    4.   
  
  
  
  4. for (j = 0; < array.length; j++) { 
    5.   
  
  
  
  5.    for (k = 0; k < outputArray.length; k++) { 
    6.   
  
  
  
  6.       if (array[j] == outputArray[k]) { 
    7.   
  
  
  
  7.          flag = true; 
    8.   
  
  
  
  8.        } 
    9.   
  
  
  
  9.     } 
    10.   
  
  
  
  10.     if (flag == false) { 
    11.   
  
  
  
  11.       outputArray.push(array[j]); 
    12.   
  
  
  
  12.      } 
    13.   
  
  
  
  13.      flag = false; 
    14.   
  
  
  
  14. } 
    15.   
  
  
  
  15. // tArray = [100, 23, 67, 45] 
    16.

老手

 
 
 
 
    
  
  
  
  
  1. let array = [100, 23, 23, 23, 23, 67, 45];  
    2.   
  
  
  
  2. let outputArray = Array.from(new Set(array)) 
    3.

6. 數(shù)組到對象

新手

 
 
 
 
    
  
  
  
  
  1. et arr = ["value1", "value2", "value3"]; 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. let arrObject = {}; 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. for (let i = 0; i < arr.length; ++i) { 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. if (arr[i] !== undefined) { 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. arrObject[i] = arr[i]; 
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11. } 
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13. } 
    14.

老手

 
 
 
 
    
  
  
  
  
  1. let arr = ["value1", "value2", "value3"];  
    2.   
  
  
  
  2. let arrObject = {...arr};  
    3.

7.對象到數(shù)組

新手

 
 
 
 
    
  
  
  
  
  1. let number = { 
    2.   
  
  
  
  2.   one: 1,  
    3.   
  
  
  
  3.   two: 2, 
    4.   
  
  
  
  4. }; 
    5.   
  
  
  
  5. let keys = [];  
    6.   
  
  
  
  6. for (let numbers in numbers) { 
    7.   
  
  
  
  7.   if (number.hasOwnProperty(number)) { 
    8.   
  
  
  
  8.      keys.push(number); 
    9.   
  
  
  
  9.     } 
    10.   
  
  
  
  10. } 
    11.   
  
  
  
  11. // key = [ 'one', 'two' ] 
    12.

老手

 
 
 
 
    
  
  
  
  
  1. let number = { 
    2.   
  
  
  
  2.   one: 1,  
    3.   
  
  
  
  3.   two: 2, 
    4.   
  
  
  
  4. }; 
    5.   
  
  
  
  5. let key = Object.keys(numbers); // key = [ 'one', 'two' ] 
    6.   
  
  
  
  6. let value = Object.values(numbers);  // value = [ 1, 2 ] 
    7.   
  
  
  
  7. let entry = Object.entries(numbers); // entry = [['one' : 1], ['two' : 2]] 
    8.

8. 短路條件

新手

 
 
 
 
    
  
  
  
  
  1. if (docs) { 
    2.   
  
  
  
  2.     goToDocs(); 
    3.   
  
  
  
  3. } 
    4.

老手

 
 
 
 
    
  
  
  
  
  1. docs && goToDocs() 
    2.

9. 使用^檢查數(shù)字是否相等

 
 
 
 
    
  
  
  
  
  1. if(a!=123) // before // 一般開發(fā)者 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. if(a^123) // after // B格比較高的 
    4.

10.對象遍歷

 
 
 
 
    
  
  
  
  
  1. const age = { 
    2.   
  
  
  
  2.    Rahul: 20,   
    3.   
  
  
  
  3.    max: 16 
    4.   
  
  
  
  4. }; 
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6. // 方案1：先得 key 在便利 key 
    7.   
  
  
  
  7. const keys = Object.keys(age);  
    8.   
  
  
  
  8. keys.forEach(key => age[key]++); 
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10. console.log(age); // { Rahul: 21, max: 16 } 
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12. // 方案2 - `for...in` 循環(huán) 
    13.   
  
  
  
  13. for(let key in age){ 
    14.   
  
  
  
  14.    age[key]++; 
    15.   
  
  
  
  15. } 
    16.   
  
  
  
  16.  
    17.   
  
  
  
  17. console.log(age); // { Rahul: 22, max: 18 } 
    18.

11. 獲取對象的所有鍵

 
 
 
 
    
  
  
  
  
  1. cosnt obj = { 
    2.   
  
  
  
  2.   name: "前端小智",  
    3.   
  
  
  
  3.   age: 16,  
    4.   
  
  
  
  4.   address: "廈門",  
    5.   
  
  
  
  5.   profession: "前端開發(fā)",  
    6.   
  
  
  
  6. };  
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8. console.log(Object.keys(obj)); // name, age, address, profession 
    9.

12.檢查值是否為數(shù)組

 
 
 
 
    
  
  
  
  
  1. const arr = [1, 2, 3];  
    2.   
  
  
  
  2. console.log(typeof arr); // object 
    3.   
  
  
  
  3. console.log(Array.isArray(arr)); // true 
    4.

13.初始化大小為n的數(shù)組并填充默認值

 
 
 
 
    
  
  
  
  
  1. const size = 5; 
    2.   
  
  
  
  2. const defaultValue = 0; 
    3.   
  
  
  
  3. const arr = Array(size).fill(defaultValue); 
    4.   
  
  
  
  4. console.log(arr); // [0, 0, 0, 0, 0] 
    5.

14. 真值和虛值

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

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

15. 三等號和雙等號的區(qū)別

 
 
 
 
    
  
  
  
  
  1. // 雙等號 - 將兩個操作數(shù)轉換為相同類型,再比較 
    2.   
  
  
  
  2. console.log(0 == 'o'); // true 
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4. // 三等號 - 不轉換為相同類型 
    5.   
  
  
  
  5. console.log(0 === '0'); // false 
    6.

16. 接收參數(shù)更好的方式

 
 
 
 
    
  
  
  
  
  1. function downloadData(url, resourceId, searchTest, pageNo, limit) {} 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. downloadData(...); // need to remember the order 
    4.

更簡單的方法

 
 
 
 
    
  
  
  
  
  1. function downloadData( 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. { url, resourceId, searchTest, pageNo, limit } = {} 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. ) {} 
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. downloadData( 
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. { resourceId: 2, url: "/posts", searchText: "WebDev" } 
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11. ); 
    12.

17.null vs undefined

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

 
 
 
 
    
  
  
  
  
  1. const fn = (x = 'default value') => console.log(x); 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. fn(undefined); // default value 
    4.   
  
  
  
  4. fn(); // default value 
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6. fn(null); // null 
    7.

傳遞null時，不采用默認值，而 undefined或未傳遞任何內(nèi)容時，將采用默認值。

作者：Rahul 譯者：前端小智 來源：dev

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

本文轉載自微信公眾號「大遷世界」，可以通過以下二維碼關注。轉載本文請聯(lián)系大遷世界公眾號。


標題名稱：17個你可能還不知道JS技巧！
新聞來源：http://www.dlmjj.cn/article/dhsodhi.html