9个极其强大的JavaScript技巧分别是怎样的
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,这篇文章将为大家详细讲解有关9个极其强大的JavaScript技巧分别是怎样的,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。所谓 hacker 方法,
千家信息网最后更新 2024年09月22日9个极其强大的JavaScript技巧分别是怎样的
这篇文章将为大家详细讲解有关9个极其强大的JavaScript技巧分别是怎样的,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
所谓 hacker 方法,就是一种不断改进和迭代的构建方法。有着 hacker 精神的程序员相信事物总有改进的余地,没有什么是完美的存在。每一段代码都有进一步优化的空间,每一个操作都有更便捷的技巧。
下面列举一些非常强大的 JavaScript hack 技巧。
1. Replace All
我们知道 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 对象和 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]
3. 将数字转换为字符串
我们只需使用带空引号的串联运算符即可。
var converted_number = 5 + ""; console.log(converted_number); // 5 console.log(typeof converted_number); // string
4. 将字符串转换为数字
用 + 运算符即可。
请注意这里的用法,因为它只适用于"字符串数字"。
the_string = "123"; console.log(+the_string); // 123 the_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. 展平多维数组
只需使用 Spread 运算符。
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 调整大小 / 清空数组
基本上就是覆盖数组的 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); // []
关于9个极其强大的JavaScript技巧分别是怎样的就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
数组
技巧
运算符
运算
强大
内容
只需
字符
字符串
数字
函数
动态
大小
对象
就是
属性
文章
方法
更多
知识
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
好玩网络技术有限公司
手机上如何玩2b2t服务器
网络安全专业研究生毕业去向
高中生补课软件开发
网络安全技术大赛致辞
阿克苏软件开发规范
数据库服务名是sid吗
网络安全问题的研究报告论文
2019黑龙江网络安全周
福建服务器平台
倩女幽魂朱雀桥服务器在哪下载
小学网络安全图片素材
登录邮箱要手动设置服务器
创客互动网络技术有限公司
ibm 服务器产地
软件开发发展建议
19年网络安全
刘东网络安全
北京云网络技术有限公司
委托软件开发帐务处理
家庭网络安全的作业
梦幻西游最早公测的服务器
软件开发企业后勤岗位加班吗
数字网络技术就业前景
软件开发可申请实用新型专利
高性能的网络安全等保
网络安全与合作
被国家网络安全重要人物
网络安全证书失效怎么办
前端开发和软件开发