使其简短 - 使其更好

2025-06-07

使其简短 - 使其更好

嗨,JavaScript 程序员们!
无论你是经验丰富的程序员,还是刚刚开始学习 JavaScript 基础知识的新手,这份技巧清单绝对适合你!请注意,你可能已经了解以下列表中的一个或多个 JavaScript 特性,这很棒!但并非所有人都知道它们 😉

那么让我们直接跳进去吧!

让我们开始吧


将任何数据类型转换为布尔值

在任何变量前面使用!!,我们就可以得到它的布尔版本!让我们看看如何操作:

let variable = 100;
variable = !!variable // returns true
variable = 0;
variable = !!variable //returns false
Enter fullscreen mode Exit fullscreen mode

在实际生活中,这难道不更容易编写和使用吗?
嗯,这更容易:

let variable = 100;
if(variable) console.log("True"); // Logs True!
variable = 0;
if(variable) console.log("True"); // doesn't log anything
Enter fullscreen mode Exit fullscreen mode

查找对象中是否存在某个属性

如果您现在正在使用if(obj.property)if(obj["property"]),那么现在是时候使用来使您的代码更具可读性了if("property" in obj)

变得懒惰并按你想要的方式截断数组

这确实有效!

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(arr); // Logs all the 10 elements
arr.length = 5;
console.log(arr); // Logs only [1, 2, 3, 4, 5] Holy Moly!?
Enter fullscreen mode Exit fullscreen mode

从数组中删除重复项

let arr = [1, 2, 1];
console.log(arr); // [1, 2, 1], as expected.
arr = Array.from(new Set(arr));
console.log(arr); // [1, 2], and cheers!
Enter fullscreen mode Exit fullscreen mode

避免 2 个或更多阵列连接期间的服务器延迟

不要使用这个:

let list1 = ['a', 'b', 'c', 'd', 'e'];
let list2 = ['f', 'g', 'h', 'i', 'j'];

let list = list1.concat(list2);
Enter fullscreen mode Exit fullscreen mode

尝试使用这个替代方案:

let list1 = ['a', 'b', 'c', 'd', 'e'];
let list2 = ['f', 'g', 'h', 'i', 'j'];

let list = list1.push.apply(list1, list2)
Enter fullscreen mode Exit fullscreen mode

后一个代码可以避免服务器的高内存消耗,因为第一个代码在内存中创建一个新数组,而这个代码使用该list1数组而不是创建新数组。


希望今天能让你学到一些新东西!如果学到了,记得点赞、收藏!你也可以点赞我目前的项目 Reejs(https://github.com/rovelstars/reejs),一颗星对我来说意义非凡!

祝你有美好的一天🙃!

PS 如果您对下一个博客应该是什么有任何想法,请在下面发表评论,如果我能写出来,我会尽力的!

文章来源:https://dev.to/renhiyama/make-it-short-make-it-better-4l0n
PREV
Angular 面试题
NEXT
Ruby on Rails 设计模式(第二部分):查询对象