前端 JavaScript 小技巧【收藏起来】
在 JavaScript 世界里,有些操作会让你无法理解,但是却无比优雅!
有时候读取变量属性时,他可能不是 Ojbect。这个这个你就要判断这个变量是否为对象,如果是在如引用
ES6 中有简便写法,可以帮我们简短代码,从而更加明确
1,2,3,4,5,6....10,11,12 小于 10 的前面补 0 其实我们用 slice 函数可以巧妙解决这个问题 slice(start,end);start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。end :可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
打印可视化 console.table()
获取数组中的最后的元素数组方法 slice()可以接受负整数,如果提供它,它将从数组的末尾开始截取数值,而不是开头。
es6 模板字符串
H5 语音合成在网页端实现将指定的文字进行语音合成并进行播报。使用 HTML5 的 Speech Synthesis API 就能实现简单的语音合成效果。
然后点击按钮,就会触发 test 方法的执行实现语音合成这里推荐使用 Chrome 浏览器,因为 HTML5 的支持度不同
数字取整
字符串转数字
交换对象键值
数组去重
数组转化为对象
合并对象
也就是通过展开操作符(spread operator)来实现。
获取数组中的最后一项
一次性函数,适用于初始化的一些操作
提高工作效率,减少代码量,降低键盘磨损程度
我希望你喜欢它并学到了一些新东西
感谢你的阅读,编程快乐!
版权声明: 本文为 InfoQ 作者【清风无影】的原创文章。
原文链接:【http://xie.infoq.cn/article/4aa6e1dc4c72043634c75acc6】。未经作者许可,禁止转载。
评论