黑客的方法论是一种涉及不断改进和迭代的构建方法。黑客们认为总有一天会变得更好,而且没有什么是永远不能够实现的。
真正的黑客总是用不同的方式来解决没人关注的问题。
下面给出了一些非常强大的 JavaScript 小技巧。
1. 全部替换
我们都知道 string.Replace() 函数仅能替换掉第一个匹配项。
你可以通过在正则表达式的末尾添加 /g 来替换所有出现的内容。
- var example = "potato potato";
- console.log(example.replace(/pot/, "tom"));
- // "tomato potato"
- console.log(example.replace(/pot/g, "tom"));
- // "tomato tomato"
2. 提取唯一值
通过使用 Set 对象和 ... 运算符能够使用唯一值创建一个新数组。
- 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]
3. 将数字转换为字符串
只需要用 + 运算符带和一个空字符串即可。
- var converted_number = 5 + "";
- console.log(converted_number);
- // 5
- console.log(typeof converted_number);
- // string
4. 将字符串转换为数字
只需要用 + 运算符即可。但是要注意:它仅适用于“字符串数字”。
- the_string = "123";
- console.log(+the_string);
- // 123the_string = "hello";
- console.log(+the_string);
- // NaN
5. 随机排列数组中的元素
这样最适合洗牌了:
- 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]
6. 展平多维数组
只需使用 ... 运算符。
- var entries = [1, [2, 5], [6, 7], 9];
- var flat_entries = [].concat(...entries);
- // [1, 2, 5, 6, 7, 9]
7. 条件短路
只需要举个例子就明白了:
- if (available) {
- addToCart();
- }
通过简单地使用变量和函数来简化代码:
- available && addToCart()
8. 动态属性名
一直以来,我以为必须先声明一个对象,然后才能分配动态属性,但是...
- const dynamic = 'flavour';
- var item = {
- name: 'Coke',
- [dynamic]: 'Cherry'
- }
- console.log(item);
- // { name: "Coke", flavour: "Cherry" }
9. 用 length 调整货清空数组
如果要调整数组的大小:
- 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);
- // []
操作场景 本文介绍如何在 Linux、Mac OS 或者 Windows 系统的本地计算机中通过 S...
Hadoop的MR结构和YARN结构是大数据时代的第一代产品,满足了大家在离线计算上的...
想了解更多内容,请访问: 51CTO和华为官方战略合作共建的鸿蒙技术社区 https://...
对于一个Web开发者来说,504和502问题看上去好像很简单,每个人也可能都遇到过,...
1. 背景 以图搜图在生活中有着广泛的应用, 当我们在电视上看到有人穿着一件美丽...
无论如何,世界已阻挡不了大数据进军传统行业的步伐。现在,国内某证券公司声称...
带宽租用 业务哪家好?想要选择带宽租用应该选择哪家?TOP云(zuntop.com)科技...
与Lucene和solr中的概念类似。 另外,在SolrCloud中,有一些集群相关的概念,在E...
今天已经是2016年最后一个工作日啦,回顾即将过去的一年,小编感慨万分:好多 域...
一、this关键字 1.假设在类定义int类型成员变量年龄age,在构造方法使用的是a(ag...