javascript马上使用的小技巧

最新推荐文章于 2024-04-24 10:00:00 发布

LMYH1123

最新推荐文章于 2024-04-24 10:00:00 发布

阅读量204

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/lmyh1111/article/details/122821142

版权

js 专栏收录该内容

28 篇文章 1 订阅

订阅专栏

本文介绍了JavaScript的几个重要更新，包括展开运算符用于数组和对象的扩展，Set对象用于创建不重复值的列表，以及三元运算符作为简洁的条件表达方式。这些特性提升了代码的效率和可读性，但要注意在老版本浏览器中的兼容性问题，可能需要借助polyfill或Babel转换。

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

javaScript在越来越多的地方被使用，而且它还时不时的更新。既然更新了，就会有新的功能和新的方法来实现某些编程目标。其中一些功能可能需要使用polyfill或其他库（如Babel),以确保你的所有代码在最老的浏览器上也能如期工作。

1、展开运算符

展开运算符太有用了，它允许对数组或字符串等迭代符进行扩展。它对于添加新的值是非常有用的。

let arr = [1,2,3,4,5]
let newArr = [...arr,6,7]   //newArr=>[1,2,3,4,5,6,7]
let obj = [{name:'zhangsan',desc:'Hello world'},{name:'lisi',desc:'welcome to china'}]
let nerObj=[...obj,{name:'luck',desc:'asdf'}] //newObj=[{...},{...},{...}]

2、 set Object

set对象是javaScript中的一种新的对象类型，可以用来创建没有重复的数组。当你想拥有一个唯一值的列表时，这很有用。

let arr = ["a","a","a","b","c","c","d",]
let withSet = [...new Set(array)]
//withSet=> ["a","b","c","d"]

3、三元运算符

三元运算符是一个速记的条件运算符。他对于根据其他条件设置值很有用。

let v = 4
let x = ""
let y = ""
if(v>0){ 
    x="positive"
 }else{
    x="negative"
}

let X = v>0 ? 'positive' : 'negative'
let x = v>0 ? y.length>0 ? 'Y<0' : 'Y>0' : 'V>0'