不得不学的25个JavaScript技巧,让你成为高效开发达人!(4)
2023-04-29 来源:飞速影视
const constrain = (num, min, max) => {
if(num < min) return min;
else if(num > max) return max;
else return num;
}
constrain(5, 1, 3) // 3
constrain(2, 1, 5) // 2
constrain(0, -100, 100) // 0
一个更好的方法是使用Math.min并Math.max像这样:
const constrain = (num, min, max) => Math.min(Math.max(num, min), max)
11、数组前后索引技巧
该.at函数允许您使用正数和负数从头到尾索引数组。
const arr = [1, 2, 3, 4, 5];
arr.at(0) // 1
arr.at(1) // 2
arr.at(-1) // 5
arr.at(-2) // 4
12、字母排序技巧
按字母顺序对字符串数组进行排序
const words = ["javascript", "typescript", "python", "ruby", "swift", "go", "clojure"];
const sorted = words.sort((a, b) => a.localeCompare(b));
console.log(sorted); // ["clojure", "go", "javascript", "python", "ruby", "swift", "typescript"]
💡提示a.localeCompare(b):您可以通过切换到在升序和降序之间切换顺序b.localeCompare(a)
13、对象遍历技巧
Object.entries允许我们将 JSON 对象转换为键值对数组,从而使我们能够使用循环或数组迭代器对其进行迭代。
const obj = {
"key1": "value1",