13條高效實用的JavaScript單行代碼，關注收藏哦

avaScript可以實現很多令人驚奇的事！

從復雜的框架到處理API，有太多的東西可以學習。

甚至，僅用一行代碼，它也能完成一些很棒的工作。

不信？那么請看這13條JavaScript單行代碼，用上它們，會讓你看起來特別專業！

1. 獲取隨機布爾值（true/false）

使用Math.random()方法可以讓函數返回布爾值（true或false）。Math.random會創建一個介于0和1之間的隨機數，然后我們檢查這個數是大于還是小于0.5。也就是說，有50％/50％的幾率得到true或false。

以下JS代碼塊顯示了如何使用Math.Random方法獲取隨機布爾值。

const randomBoolean = () => Math.random() >= 0.5;
console.log(randomBoolean());
// Result: a 50/50 change on returning true of false

2. 檢查指定日期是否是工作日

我們可以通過此方法來檢查函數中提供的日期是工作日還是周末。

以下JS代碼塊顯示了如何編寫一個返回指定日期是工作日還是周末的函數。

const isWeekday = (date) => date.getDay() % 6 !== 0;
console.log(isWeekday(new Date(2021, 0, 11)));
// Result: true (Monday)
console.log(isWeekday(new Date(2021, 0, 10)));
// Result: false (Sunday)

3. 反轉字符串

有兩種不同的方式可以反轉字符串。使用split()，reverse()和join()方法是最簡單的方法之一。

以下JS代碼塊顯示了如何反轉字符串。

const reverse = str => str.split('').reverse().join('');
reverse('hello world');     
// Result: 'dlrow olleh'

4. 檢查當前tab是否在視圖/焦點中

我們可以使用document.hidden屬性來檢查當前tab是否在視圖/焦點中。

以下JS代碼塊顯示了如何使用文檔的hidden屬性來獲取當前tab是否在視圖/焦點中。

const isBrowserTabInView = () => document.hidden;
isBrowserTabInView();
// Result: returns true or false depending on if tab is in view / focus

5. 檢查數字是偶數還是奇數

可以通過使用取模運算符(%)來解決這個超簡單的任務。如果你對此還不太熟悉，那么Stack Overflow上就有直觀的說明。

以下JS代碼塊顯示了如何使用模運算符來檢查數字是偶數還是奇數。

const isEven = num => num % 2 === 0;
console.log(isEven(2));
// Result: true
console.log(isEven(3));
// Result: false

6. 從日期中獲取時間

通過使用.toTimeString()方法并在合適的位置切割字符串，我們就可以從指定的日期中獲取時間，也可以獲取當前時間。

以下JS代碼塊顯示了如何通過toTimeString方法和切割字符串從日期中獲取時間。

const timeFromDate = date => date.toTimeString().slice(0, 8);
console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0))); 
// Result: "17:30:00"
console.log(timeFromDate(new Date()));
// Result: will log the current time

7. 截取數字小數點后的固定幾位

使用Math.pow()方法，可以截取數字小數點后的固定幾位。

以下JS代碼塊顯示了如何使用Math.Power方法舍入某個小數點。

const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
// Examples
toFixed(25.198726354, 1);       // 25.1
toFixed(25.198726354, 2);       // 25.19
toFixed(25.198726354, 3);       // 25.198
toFixed(25.198726354, 4);       // 25.1987
toFixed(25.198726354, 5);       // 25.19872
toFixed(25.198726354, 6);       // 25.198726

8. 檢查元素當前是否處于焦點

我們可以使用document.activeElement屬性來檢查一個元素當前是否處于焦點。

以下JS代碼塊顯示了如何使用文檔對象上的activeElement屬性檢查元素當前是否處于焦點。

const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus(anyElement)
// Result: will return true if in focus, false if not in focus

9. 檢查當前用戶是否支持touch事件

以下JS代碼塊顯示了如何檢查當前用戶是否支持touch事件。

const touchSupported = () => {
  ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
}
console.log(touchSupported());
// Result: will return true if touch events are supported, false if not

10. 檢查當前用戶是否使用Apple上

可以使用navigator.platform來檢查當前用戶是否使用Apple設備。

以下JS代碼塊顯示了如何檢查用戶當前是否在Apple設備上。

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);
// Result: will return true if user is on an Apple device

11. 滾動到頁面頂部

window.scrollTo()方法通過x坐標和y坐標實現滾動。如果將它們設置為0，則將滾動到頁面頂部。

注意：Internet Explorer不支持.scrollTo()方法。

以下JS代碼塊顯示了如何使用scrollTo方法將瀏覽器滾動至頂部。

const goToTop = () => window.scrollTo(0, 0);
goToTop();
// Result: will scroll the browser to the top of the page

12. 獲取參數的平均值

可以使用reduce方法獲取函數參數的平均值。

以下JS代碼塊顯示了如何使用reduce方法獲取參數的平均值。

const average = (...args) => args.reduce((a, b) => a + b) / args.length;
average(1, 2, 3, 4);
// Result: 2.5

13. 轉換華氏/攝氏

最后一個2合1了！

處理溫度有時會暈頭轉向。這兩個函數則能幫助大家將華氏溫度轉換為攝氏溫度，以及將攝氏溫度轉換為華氏溫度。

以下JS代碼塊顯示了如何將華氏溫度轉換為攝氏溫度，以及反向的轉換。

const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;
// Examples
celsiusToFahrenheit(15);    // 59
celsiusToFahrenheit(0);     // 32
celsiusToFahrenheit(-20);   // -4
fahrenheitToCelsius(59);    // 15
fahrenheitToCelsius(32);    // 0

喜歡本文，請關注，點贊，收藏哦。

021年國家網絡安全宣傳周重要活動于10月11日至17日在陜西西安圓滿舉辦。網絡微課征集活動自9月6日正式啟動以來，向全社會公開征集到各類作品1696 部。現將經過大眾投票和專家評審評選出來的優秀作品予以展示。

視頻類優秀作品展示

優秀參與獎：東勝區天驕幼兒園浩波《網絡安全小知識》

優秀參與獎：臨潼區委網信辦《情斷至尊寶》

優秀參與獎：91278部隊錢昊網絡安全版《麻雀》

優秀參與獎：陜西國際商貿學院魏新兵、樊澤磊、張國龍、張帥帥《驗證碼》

優秀參與獎：易點天下網絡科技股份有限公司《二維碼的秘密》

優秀參與獎：西安醫學院袁華兵、張成、趙妮《人臉識別時代該如何說“不”》

優秀參與獎：中共鄂爾多斯市康巴什區委員會網絡安全和信息化委員會辦公室《拭目》

海報類優秀作品展示

一等獎：《唐潮組合》系列海報中共潮州市委網信辦

二等獎：《漫話網絡安全之清朗潮網篇》中共潮州市委網信辦

三等獎：苗旺《牢記網絡安全時刻警鐘長鳴》吉林省科學技術協會信息中心

三等獎：張欣悅《投準啦》

三等獎：劉婷婷《網絡安全之中獎詐騙》

優秀參與獎：王志朋、李夢瑤、劉玉青《國家安全系你我，網絡安全為人民》組圖

優秀參與獎：佛田鴿《有進無出》

優秀參與獎：俞菲《共筑國家網絡安全防護盾》

優秀參與獎：袁皓明《謹慎一“點”，避免引火燒身》

優秀參與獎：朱威俊《網絡安全你我共建》

優秀參與獎：郭媛《網絡視野》

優秀參與獎：蘆子含、程馳《虛實之鎖》

H5前十名優秀作品展示

一等獎：“小安的一周”沉浸式網絡安全互動游戲

中共鄂爾多斯市康巴什區委員會網絡安全和信息化委員會辦公室

image.png

https://b.u.mgd5.com/c/sbex/rcgl/index.html

二等獎：網絡安全大作戰

雁塔區委網信辦

image.png

http://www.sxtcwl.com/lsf_2/

三等獎：2021年國家網絡安全宣傳周答題

西安高新區網信辦

image.png

https://2775943.fkwcd.cn/index.jsp?id=2kms7Zba&qr=&transferCome=true&code=031cEqll2eT5Q74hRfll219Ldn1cEqlz&state=STATE&appid=wx245679bdbda27022

三等獎：反詐劇本殺

黃巍峰、朱穎、郭麗麗

image.png

http://kunyun-1259777011.cos.ap-chengdu.myqcloud.com/juqing/index.html

三等獎：網絡安全知識達人挑戰，等你來

西安國際港務區黨工委宣傳部網信辦

image.png

https://3725037.s.wcd.im/index.jsp?id=3hlndZ82&v=oxt98t4WP5fNHXTStzUN2buFL-tk&slv=1&sid=8sjt&transferCome=true&code=031pWEkl2KNPN74BLaml225QdE1pWEk-&state=STATE&appid=wx8766f107ddf48843

優秀參與獎：網上有“約”

吳曉璐黃恒

image.png

https://lps.eqxiul.com/ls/XBmOZJfD

優秀參與獎：網絡安全知識科普

周克

image.png

https://maka.im/pcviewer/843720/JR04XEYFW843720

優秀參與獎：回家的路

楊文靜

image.png

https://r.xiumi.us/stage/v5/56obX/314978884#/

優秀參與獎：潮州市網絡安全云展廳

中共潮州市委網信辦

image.png

https://vr.justeasy.cn/view/16hk3257q1u2lp09-1633164897.html

優秀參與獎：網絡詐騙之你知道嗎？

張藝馨

image.png

https://r.xiumi.us/stage/v5/3cyLk/317960274#/

優秀參與獎：國家網絡安全宣傳周—周至在行動

張賢禹

image.png

https://b.xiumi.us/stage/v5/2tQ8y/314510786

優秀參與獎：一不小心落入網絡詐騙的深淵

孫慧敏

image.png

https://c.xiumi.us/stage/v5/5681s/317915397#/

算機專業不可或缺的寶藏APP

1、脈脈

國內最大的職場社交平臺，公司的一些裁員信息、人員變動的小道消息可以從這里面先睹為快，通過這上面你可以了解計算機行業及職場情況。

2、中國大學MOOC

上面有很多國家精品課程，比如浙江大學的翁凱老師的程序設計入門-C語言，浙江大學程姥姥的數據結構。還有其他的老師的課程，都是非常值得你去了解使用的。

3、牛客

牛客其實是一個很全面的一個刷題網站，也是校招畢業生必備APP，牛客的題庫非常大，不僅有各大公司歷年的筆試題，還有各大專項練習，同學們可以在牛客網練習在線編程。

4、實習僧

實習僧主要是服務應屆畢業生求職的，整合了很多行業的實習崗位，適合在校學生去投遞實習崗位。當然啦其他網站也能找到實習崗位，只是相對而言會比較少，而且搜索起來也很麻煩。

5、掘金

掘金的技術文章領域全面，優秀的文章很多，硬核的文章也是比較多的，技術比較深。比起csdn海量的廣告和復制粘貼的文章，掘金算是比較好的了。

6、W3Cschool

這里面上線了上千本技術手冊，熱門編程語言學院：包含python3微課、HTML微課、PHP微課、JQuery微課、Ruby微課、SQL微課等編程學習的課程。大家可以隨時隨地地查詢學習，真的很良心了。

7、慕課網

慕課網體系課的覆蓋范圍廣，技術比較新，像互聯網主流技術慕課網上基本都能找到。上面有很多免費的可以學習，被譽為初、中級程序員的學習樂園。

在線咨詢

上一篇：web前端完整簡歷范文
下一篇：HTML教程（看完這篇就夠了）

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

13條高效實用的JavaScript單行代碼，關注收藏哦

1. 獲取隨機布爾值（true/false）

2. 檢查指定日期是否是工作日

3. 反轉字符串

4. 檢查當前tab是否在視圖/焦點中

5. 檢查數字是偶數還是奇數

6. 從日期中獲取時間

7. 截取數字小數點后的固定幾位

8. 檢查元素當前是否處于焦點

9. 檢查當前用戶是否支持touch事件

10. 檢查當前用戶是否使用Apple上

11. 滾動到頁面頂部

12. 獲取參數的平均值

13. 轉換華氏/攝氏

算機專業不可或缺的寶藏APP

您的項目需求