首頁  >  文章  >  web前端  >  iller JavaScript Hacks 希望我很快就能知道

iller JavaScript Hacks 希望我很快就能知道

Susan Sarandon
Susan Sarandon原創
2024-11-23 13:35:11150瀏覽

iller JavaScript Hacks Wish I Knew Soon

預設值的短路演化

跳過預設值的 if-else。使用 || 進行更簡潔、單行的作業。

//old way 
let userName;
if (userInput) {
 userName = userInput;
} else {
 userName = 'Guest';
}

//modern way
const userName = userInput || 'Guest';

在沒有暫時變數的情況下滑動變數

使用陣列解構在單行中交換值,不需要臨時值。

//old way
let temp = a;
a = b;
b = temp;

//modern way
let a = 1, b = 2;
[a, b] = [b, a]; 

輸出:a = 2 且 b = 2

快速克隆數組
使用擴充運算子克隆數組以獲得更簡單、更
直觀的方法。

// old way
const clone = original.slice();

//modern way
const original = [1, 2, 3];
const clone = [...original];

輕鬆刪除數組中的重複項
使用 Set 刪除重複項,將其變成簡潔的單行現代解決方案。

//old way
const uniqueArray = [];
for (let i = 0; i < array.length; i++)  {
  if (!uniqueArray.includes(array[i])) {
     uniqueArray.push(array[i]);
 }
}

//modern way 
const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4])];

快速將字串轉換為數字

使用一元運算子將字串轉換為數字,以獲得
快速解決方案。

//old way
 const num = parseInt('12', 39);

//modern way
consst num = +'12';

結論
這些現代 JavaScript 技術提供了更乾淨、更有效率且通常更易讀的程式碼。使用這些單行程式碼和內建函數可以簡化複雜的邏輯,消除冗餘

以上是iller JavaScript Hacks 希望我很快就能知道的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn