江苏龙网

  1. 主页 > 生活百科 > >

13个每个 Web 开发人员都必须知道的基本 JavaScript 函数( 二 )

JavaScript

10. 检查对象中是否存在属性有时你想在打印或使用它们之前检查属性是否存在 。
JavaScript 没有在使用它之前执行 if property !== undefined ，而是有一个内置函数来执行此操作 。
const developer = {name: 'Paul Knulst',role: 'Tech Lead',extra: 'Loves DevOps',company: 'Realcore',os: 'windows',};const laptop = {os: 'Windows',buydate: '27.10.2022',extra: 'looks cool',};console.log('name' in developer); // trueconsole.log('extra' in developer); // trueconsole.log('name' in laptop); // falseconsole.log('extra' in laptop); // true结合 nullish 合并运算符，它可以使您的 JavaScript 代码更清晰！
11. 检查数组是否包含相同的值在某些情况下，您需要知道两个数组是否包含相同的值 。
此 JavaScript 代码段包含一个函数 containSameValues，它通过排序和连接两个数组并比较它们的字符串来执行此操作 。
const containSameValues = (arr1, arr2) =>arr1.sort().join(',') === arr2.sort().join(',');console.log(containSameValues([1, 2, 3], [1, 2, 3])); // trueconsole.log(containSameValues([1, 2, 3], [2, 3, 4])); // falseconsole.log(containSameValues([1, 2, 3], [1, 2, 3, 4])); // false请记住，数组必须是可排序的才能真正正确地比较它们！
12.确保变量在指定范围内这个 JavaScript 函数对我来说非常有用！
它检查变量是否在特定范围内，如果不在范围内，它将把它限制在最接近的最小值或最大值 。
const clamp = (min, max, value) => {if (min > max) {throw new Error('min cannot be greater than max');}return value < min ? min : value > max ? max : value;};clamp(0, 6, -5); // 0clamp(0, 6, 20); // 6clamp(0, 6, 3); // 313、在一行中交换两个变量这不是 JavaScript 函数，但它是交换两个变量的一种非常酷的方法 。
它展示了如何在一行中完成，而不是将值放入“临时”对象（必须在其他一些编程语言中完成）
let x = 50;let y = 100;console.log(x, y); //50 100[y, x] = [x, y];console.log(x, y); //100 50结束语我希望您喜欢这些片段并发现它们对您有所帮助 。如果您有任何很棒的 JavaScript 片段，请随时在评论分享它们，以便更多的学习到，让我们一起学习进步 。




推荐阅读


上一篇：关于包管理器Npm、Yarn和Pnpm的一些总结

下一篇：Web测试和APP测试的区别是什么？