JavaScript小技巧

最新推荐文章于 2024-08-25 09:57:22 发布

xiaoliuya····

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量108

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46643178/article/details/125462960

版权

本文介绍了四个JavaScript编程中的实用技巧，包括使用??代替||进行空值检查，使用?.简化?.和三元运算符，利用replaceAll()一次性替换所有子字符串，以及Array.prototype.at()便捷获取数组元素。这些技巧能帮助开发者提升代码的简洁性和效率。

摘要由CSDN通过智能技术生成

js的技巧

1. 用??代替||，用于判断运算符左侧的值为null或undefined时，才返回右侧的值

2. 使用?.简化&&和三元运算符

注：常见写法
obj?.prop 对象属性
obj?.[expr] 对象属性
func?.(…args) 函数或对象方法的调用

3. 使用String.prototype.replaceAll()简化replace一次性替换所有子字符串

String.prototype.replaceAll()用法与String.prototype.replace()类似

但是replace仅替换第一次出现的子字符串，而replaceAll会替换所有

// 以前
console.log(‘aaa’.replace(/a/g,‘A’)) //AAA

// 简化后
console.log(‘aaa’.replaceAll(‘a’,‘A’)) //AAA

4.使用Array.prototype.at()简化arr.length
Array.prototype.at()接收一个正整数或者负整数作为参数，表示获取指定位置的成员

参数正数就表示顺数第几个，负数表示倒数第几个，这可以很方便的某个数组末尾的元素

let arr = [1, 2, 3, 4, 5]
// 以前获取最后一位
console.log(arr[arr.length-1]) //5
// 简化后
console.log(arr.at(-1)) // 5

关注