👨🏾‍🏫 👨🏻‍🏫 👌🏻 9个非常有用的JavaScript技巧 🤬 👨🏿‍🎓 🖱️

问候，哈勃！我向您介绍Klaus撰写的文章“ 9个极其强大的JavaScript黑客” 。

注意事项翻译者：在这则新文章（12月10日）中，我喜欢初学者喜欢的酷JavaScript技巧，但是该测试应用程序也有明显的广告。但是我必须翻译整个材料，因此我将广告部分隐藏在扰流板上，尽管这并不是没有用。

来自翻译文章的母语

我喜欢优化。

但是，如果他们的站点无法在Internet Explorer 11中运行，则用户不会关心我的优化代码。

我使用Endtest创建自动化测试，并在跨浏览器的云中运行它们。

顺便说一句， Netflix使用相同的平台来测试其Web应用程序。而且，在某些职位空缺中，他甚至被列为必要技能。

Endtest确实具有一些很酷的功能，例如：

在Windows和MacOS计算机上运行的跨浏览器网格
自动测试的无代码编辑器
Web应用程序支持
支持Android和iOS的本机和混合应用程序
无限视频供您进行测试
屏幕截图比较
地理位置
如果陈述
周期数
将文件上传到您的测试
最终测试API，可轻松与CI / CD系统集成
扩展陈述
在真实的移动设备上进行移动测试
使用最终测试邮箱测试电子邮件

您可以在此工具上查看文档。

现在有9个非常有用的JavaScript技巧。

全部替换

我们知道string.replace（）函数仅替换第一次出现的情况。您可以通过在正则表达式的末尾添加/ g来替换所有出现的内容。
```
var example = "potato potato"; console.log(example.replace(/pot/, "tom")); // "tomato potato" console.log(example.replace(/pot/g, "tom")); // "tomato tomato" 
```

检索唯一值

我们可以使用Set对象和Spread运算符创建仅具有唯一值的新数组。

 var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1] var unique_entries = [...new Set(entries)]; console.log(unique_entries); // [1, 2, 3, 4, 5, 6, 7, 8]

将数字转换为字符串

我们只需要使用带空引号的串联运算符。

 var converted_number = 5 + ""; console.log(converted_number); // 5 console.log(typeof converted_number); // string

将字符串转换为数字

我们需要的只是一个+运算符。

请注意这一点，因为它仅适用于字符串数字。
```
 the_string = "123"; console.log(+the_string); // 123 the_string = "hello"; console.log(+the_string); // NaN 
```

随机排列数组中的项目

每天我都是shufflin':-)

 var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(my_list.sort(function() { return Math.random() - 0.5 })); // [4, 8, 2, 9, 1, 3, 6, 5, 7]

平滑多维数组

仅使用Spread语句。

 var entries = [1, [2, 5], [6, 7], 9]; var flat_entries = [].concat(...entries); // [1, 2, 5, 6, 7, 9]

捷径条件

让我们来看这个例子：
```
 if (available) { addToCart(); } 
```
您可以通过简单地使用变量和函数来缩短它：
```
 available && addToCart() 
```

动态属性名称

我一直以为我需要先声明一个对象，然后才能分配动态属性。

 const dynamic = 'flavour'; var item = { name: 'Coke', [dynamic]: 'Cherry' } console.log(item); // { name: "Coke", flavour: "Cherry" }

使用长度调整大小/清除数组

我们基本上重写了数组的长度。

如果我们要调整数组的大小：

 var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length); // 7 entries.length = 4; console.log(entries.length); // 4 console.log(entries); // [1, 2, 3, 4]

如果我们要清除数组：

 var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length); // 7 entries.length = 0; console.log(entries.length); // 0 console.log(entries); // []

9个非常有用的JavaScript技巧

全部替换

检索唯一值

将数字转换为字符串

将字符串转换为数字

随机排列数组中的项目

平滑多维数组

捷径条件

动态属性名称

使用长度调整大小/清除数组

More articles: