資訊專欄INFORMATION COLUMN
摘要：的幾個小技巧盡早將無效的用例盡早返回，避免意外和不必要的代碼處理。要添加一種新的就需要再添加一個分支判斷多重判斷時使用或者，避免過長邏輯判斷改進后一次循環兩個數組
JavaScript 的幾個小技巧 1. 盡早 return
function transformData(rawData) {
// check if no data
if (!rawData) {
return [];
}
// actual function code goes here
return rawData.map((item) => item);
}
將無效的用例盡早返回，避免意外和不必要的代碼處理。
2. 用對象映射方式替代分支語句function getDrink (type) {
if (type === "coke") {
type = "Coke";
} else if (type === "pepsi") {
type = "Pepsi";
} else if (type === "lemonade") {
type = "Lemonade";
} else if (type === "fanta") {
type = "Fanta";
} else {
// acts as our "default"
type = "Unknown drink!";
}
return "You"ve picked a " + type;
}
// Object literal
function getDrink (type) {
var drinks = {
"coke": "Coke",
"pepsi": "Pepsi",
"lemonade": "Lemonade",
"default": "Default item"
};
return "The drink I chose was " + (drinks[type] || drinks["default"]);
}
分支語句的處理方式導致函數代碼量大，要覆蓋所有的邏輯分支。
要添加一種新的 type 就需要再添加一個分支判斷
3. 多重判斷時使用 Array.includes 或者 !~Array.indexOf()，避免過長邏輯判斷function testFun(fruit) {
if (fruit == "apple" || fruit == "strawberry" || fruit === "cherry") {
console.log("red");
}
}
// ----- 改進后 ------
function testFun(fruit) {
const fruits = ["apple", "strawberry", "cherry"];
if (redFruits.includes(fruit)) {
console.log("red");
}
// if (!~redFruits.indexOf(fruit)) {
// console.log("red");
// }
}
4. 一次循環兩個數組
const exampleValues = [2, 15, 8, 23, 1, 32];
const [truthyValues, falseyValues] = exampleValues.reduce((arrays, exampleValue) => {
if (exampleValue > 10) {
arrays[0].push(exampleValue);
return arrays;
}
arrays[1].push(exampleValue);
return arrays;
}, [[], []]);
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105600.html
摘要：我們知道在中多了幾個對數組使用的新特性。這里我們舉兩個實際的例子吧例子一仔細體會。例子二看到了吧，可以直接在循環中指定變量，然后在循環體中來使用，是不是很簡單好了本文就這些內容了，歡迎繼續關注。更多知識，請前往 我們知道在PHP7.1中多了幾個對數組使用的新特性。 這里我們舉兩個實際的例子吧： 例子一： // PHP 7.1+ $options = [enabled => true, ...
摘要：利用的一些輔助函數進行類型轉換的函數和復雜的自定函數之間有一個中間段，那就是的一些輔助函數。這些輔助函數對于某些特定數據類型的轉換非常有用如。 利用Pandas進行數據分析時，確保使用正確的數據類型是非常重要的，否則可能會導致一些不可預知的錯誤發生。筆者使用Pandas已經有一段時間了，但是還是會在一些小問題上犯錯誤，追根溯源發現在對數據進行操作時某些特征列并不是Pandas所能處理的...
摘要：反之左操作數值為真，整個表達式的值則依賴于右操作數。以上的這種特性稱為運算符的短路行為，根據這個特性我們可以有效減少語句的使用，還可以增強程序的健壯性。數值上一個空串，會轉換為字符串字符串減會轉換為數值，如失敗則返回。 &&、||運算的高級用法 ??在JavaSript中，&&運算符除了可以對布爾值進行與（AND）運算之外，還可以對真假值進行與（AND）運算。JavaScript中所有...
摘要：基礎語法鞏固正則表達式引擎根據正則去匹配字符的時候，是通過檢查索引的方式。妻原配就是好，可以直接使用正則表達式調用它。下面解釋一下上面這些常用的元字符查找單個字符，除了換行和行結束符。正則系列文章整理到了 上一章內容：正則表達式實戰篇 知識回顧 前2章分別學習了正則表達式入門技巧，以及遇到正則需求該如何去分析問題，還有正則表達式實戰的一些場景解釋。 這一章內容偏向理論，推薦你點擊開頭的...
閱讀 663·2023-04-26 02:03
閱讀 1037·2021-11-23 09:51
閱讀 1111·2021-10-14 09:42
閱讀 1738·2021-09-13 10:23
閱讀 927·2021-08-27 13:12
閱讀 839·2019-08-30 11:21
閱讀 1001·2019-08-30 11:14
閱讀 1041·2019-08-30 11:09
