在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

22個好用的、方便的JavaScript單行程序

如意 ? 來源:前端全棧開發者 ? 作者:Abhay Parashar ? 2021-05-05 17:39 ? 次閱讀

全世界有超過1000萬的Javascript開發人員,而且這個數字每天都在增加。盡管JavaScript更出名的是它的動態特性,但它也有許多其他很棒的特性。在這篇博客中,我們將看到20個你應該知道的JavaScript單行程序。

22個好用的、方便的JavaScript單行程序

1.隨機ID生成

當你在進行原型設計并需要唯一的id時,這可以成為你的首選功能。

const a = Math.random().toString(36).substring(2);

console.log(a)

----------------------------

72pklaoe38u

2.生成范圍內的隨機數

在很多情況下,我們需要在一個范圍內生成一個隨機數。Math.random函數可以幫助我們生成隨機數,然后將其轉換為所需的范圍。

max = 20

min = 10

var a = Math.floor(Math.random() * (max - min + 1)) + min;

console.log(a)

-------------------------

17

3.隨機排列數組(洗牌)

在JavaScript中,我們沒有一個模塊,因為python有 random.shuffle(),但還是有一種方法可以在一行代碼中洗牌一個數組。

var arr = [“A”, “B”, “C”,“D”,“E”];

console.log(arr.slice().sort(() =》 Math.random() - 0.5))

------------------------------

[ ‘C’, ‘B’, ‘A’, ‘D’, ‘E’ ]

4.獲取隨機布爾值

Javascript中的 Math.random 函數可用于生成范圍之間的隨機數。要生成一個隨機布爾值,我們需要隨機獲取一個介于0到1之間的數字,然后檢查它是否大于或小于0.5。

const randomBoolean = () =》 Math.random() 》= 0.5;

console.log(randomBoolean());

---------------------------------------

false

5.生成隨機十六進制代碼

您可以使用這個一行程序挑戰自己作為web開發人員的能力。這個一行程序將生成一個隨機的十六進制代碼。您可以使用一行程序生成3-6種顏色代碼,這將為您創建一個顏色托盤。

console.log(‘#’ + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, ‘0’));

------------------1st Run------------

#48facd

------------------2nd Run-------------

#93d806

------------------3rd Run-------------

#9072f9

6.反轉字符串

反轉字符串有很多方法,但這是我在互聯網上找到的最簡單的方法之一。

const reverse = str =》 str.split(‘’).reverse().join(‘’); console.log(reverse(‘javascript’)); ---------------------------------------- tpircsavaj

7.交換兩個變量

下面的代碼展示了一些簡單的方法來交換兩個變量,而不需要使用第三個變量,只需要一行代碼。

a = 5

b = 7

---------方法 1---------

b = [a, a = b][0]; // One Liner

----------方法 2-----------

[a,b] = [b,a];

console.log(“A=”,a)

console.log(“B=”,b)

8.多變量分配

像Python一樣,JavaScript還可以使用這種巧妙的解構技術在同一行代碼中同時分配多個變量。

var [a,b,c,d] = [20,14,30,“COD”] console.log(a,b,c,d) ------------------------------------ 20 14 30 COD

9.檢查偶數和奇數

有很多方法可以做到這一點,最簡單的方法之一就是使用箭頭函數并只用一行編寫整個代碼。

const isEven = num =》 num % 2 === 0; console.log(isEven(2));

---------------------------------

true

console.log(isEven(3));

----------------------------------

false

10.FizzBuzz

這個問題是用來檢查程序員核心的著名面試問題之一。在這個測試中,我們需要編寫一個程序來打印從1到100的數字。但如果是3的倍數,則打印“Fizz”而不是數字,如果是5的倍數,則打印“Buzz”。

for(i=0;++i《10;console.log(i%5?f||i:f+‘Buzz’))f=i%3?‘’:‘Fizz’

----------------------------------

1

2

Fizz

4

Buzz

Fizz

7

8

Fizz

11.回文

回文是一個字符串或數字,當它被反轉時看起來完全相同。例如:abba,121等。

const isPalindrome = str =》 str === str.split(‘’).reverse().join(‘’);

result = isPalindrome(‘abcba’);

console.log(result)

-----------------------------------

true

result = isPalindrome(‘abcbc’);

console.log(result)

---------------------------------

false

12.檢查數組中的所有元素是否都滿足特定條件

const hasEnoughSalary = (salary) =》 salary 》= 30000

const salarys = [70000, 19000, 12000, 30000, 15000, 50000]

result = salarys.every(hasEnoughSalary)

console.log(result)

-------------------------------

false

const salarys = [70000, 190000 ,120000, 30000, 150000,50000]

result = salarys.every(hasEnoughSalary) // Results in false

console.log(result)

---------------------------------

true

13.計算兩個給定日期之間的天數

const days = (date, otherDate) =》 Math.ceil(Math.abs(date - otherDate) / (86400000));

result = days(new Date(‘2020-04-15’), new Date(‘2021-01-15’));

console.log(result)

--------------------------------------------------------

275

為了計算兩個日期之間的天數,我們首先找到兩個日期之間的絕對值,然后用86400000除以它,它等于一天內的毫秒數,最后,我們四舍五入并返回結果。

14.將字符串轉換為數字

將字符串轉換為數字的一種非常簡單的方法是使用類型轉換。

toNumber = str =》 +str;

toNumber = str =》 Number(str);

result = toNumber(“2”);

console.log(result)

console.log(typeof(result))

----------------------------------

2

number

15.合并多個數組

const cars = [‘

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 程序
    +關注

    關注

    117

    文章

    3787

    瀏覽量

    81043
  • 代碼
    +關注

    關注

    30

    文章

    4788

    瀏覽量

    68612
  • javascript
    +關注

    關注

    0

    文章

    516

    瀏覽量

    53865
收藏 人收藏

    評論

    相關推薦

    如何成為一偉大的javascript程序

    JavaScript程序員,也是一使用《Pro JavaScript Design Patterns》用于講座的老師,所以這本書值得一閱。在學習的同時,要試著回答一些問題,例如:原
    發表于 01-05 16:07

    JavaScript無處不在

    在移動設備上的應用程序會帶有一web視圖,用構建動態web應用程序相同的方式建立用戶界面。用戶界面雖然是用HTML以及CSS樣式實現的,但是所有的交互都是用JavaScript創建
    發表于 01-10 16:54

    掃碼槍識別系統如何知道掃碼完成往下執行程序

    最近想做一掃碼槍識別系統,本人屬于菜鳥級別,之前玩PLC的,不太懂Labview,現在搞不明白如何知道掃碼完成往下執行程序,查了資料說需要把字符串設為焦點,關掉自動換行功能,啟用限于單行輸入,這些
    發表于 04-01 23:29

    JavaScript 簡介

    對事件作出反應。比如對按鈕的點擊:點擊這里```alert() 函數在 JavaScript 中并不常用,但它對于代碼測試非常方便。onclick 事件只是您即將在本教程中學到的眾多事件之一
    發表于 09-09 17:30

    javascript資料下載(含源碼,教材,ppt)

    javascript資料下載(含源碼,教材,ppt):Javascript高級程序設計,107常用Javascript語句,
    發表于 10-21 09:00 ?12次下載
    <b class='flag-5'>javascript</b>資料下載(含源碼,教材,ppt)

    Javascript高級程序設計 (pdf下載)

    Javascript高級程序設計JavaScript是一種不嚴格基于Java的面向對象程序設計語言,以嵌入式Java小程序的形式在Web上廣
    發表于 10-21 09:06 ?0次下載
    <b class='flag-5'>Javascript</b>高級<b class='flag-5'>程序</b>設計 (pdf下載)

    javascript應用程序經典實例詳解

    javascript應用程序經典實例這本書還可以,所以和大家分享。
    發表于 11-10 16:56 ?8次下載

    消息傳遞并行程序的變異測試

    行程序執行的不確定性,增加了測試的復雜性和難度.研究消息傳遞并行程序的變異測試,提出其弱變異測試轉化方法,以提高該程序變異測試的效率.首先,根據消息傳遞并行程序包含語句的類型和語句變
    發表于 01-10 15:31 ?0次下載

    如何進行程序的擴展

    本文檔的主要內容詳細介紹的是程序的擴展性如何進行程序的擴展。
    發表于 04-26 18:26 ?0次下載
    如何進<b class='flag-5'>行程序</b>的擴展

    使用JavaScript語言設計秒針會跳動的時鐘程序免費下載

    本文檔的主要內容詳細介紹的是使用JavaScript語言設計秒針會跳動的時鐘程序免費下載。
    發表于 06-13 16:58 ?0次下載
    使用<b class='flag-5'>JavaScript</b>語言設計秒針會跳動的時鐘<b class='flag-5'>程序</b>免費下載

    永恒串行程序員指南

    永恒串行程序員指南
    發表于 05-25 14:08 ?4次下載
    永恒串<b class='flag-5'>行程序</b>員指南

    介紹一JavaScript數據網格組件

    FusionGrid是一高度直觀且可自定義的JavaScript數據網格組件,適用于網絡和移動應用程序。它允許您在儀表板中構建數據網格,與FusionCharts一樣簡單優雅。
    的頭像 發表于 08-20 16:37 ?1042次閱讀

    20非常有用的Python單行代碼

    有用的 Python 單行代碼片段,只需一行代碼即可解決特定編碼問題!
    的頭像 發表于 03-14 17:45 ?906次閱讀

    javascript:;怎么解決

    javascript:” 是一JavaScript偽協議,它通常出現在URL地址欄或鏈接中,用于執行JavaScript代碼。然而,有時它可能會導致一些問題,特別是在一些不支持
    的頭像 發表于 11-26 14:39 ?7695次閱讀

    idea如何多次運行程序

    供一些實際的示例。 內容: 一、使用循環結構 1.1 for循環 最常用的多次運行程序的方法之一是使用循環結構。其中最常用的循環結構是for循環。for循環可以重復執行一段代碼多次,直到達到指定的條件。以下是一簡單的示例: for
    的頭像 發表于 12-06 14:59 ?1501次閱讀
    主站蜘蛛池模板: 四虎最新影院| 黄色一级片在线观看| 都市激情综合网| 精品久久久久久午夜| 韩国韩宝贝2020vip福利视频| 日韩免费观看的一级毛片| av大片| 欧美色视频日本片免费高清| 美女污污网站| 视频在线观看高清免费看| 亚洲精品在线视频观看| 日本视频黄色| 天天弄| 男女交性无遮挡免费视频| 亚洲黄色性视频| 色色色色色网| 久久99精品久久久久久久不卡| 天堂网www中文天堂在线| 男女在线视频| 久久男人精品| 97天天操| 最新激情网| 国内露脸夫妇交换精品| 天天色天| 激情九月婷婷| 国模精品一区二区| 欧美激情啪啪| 五月六月伊人狠狠丁香网| freexxxx性欧美| 亚洲视频www| 久精品在线观看| 999国产精品| 色偷偷7777www人| 桃花色综合影院| 一色屋免费视频| 精品久久中文网址| aaa在线观看| 欧美一级视频免费看| 精品黄色片| 四虎影视入口| 奇米社区|