复习三元表达式和扩展运算符

最新推荐文章于 2024-09-13 14:34:15 发布

李前端文采永垂不朽

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量144

点赞数 1

分类专栏： es6 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45395757/article/details/124279697

版权

es6 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的三元表达式和扩展运算符。三元表达式提供了一种简洁的条件判断方式，常用于数据类型的转换和模板内容的处理。扩展运算符则用于将字符转换为数组，合并数组和对象，使得数组和对象的合并及展开更加便捷。通过实例展示了这两个特性在实际编程中的使用场景。

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

1.三元表达式
跟if…else用法一样，本人多用于在模板内容上使用，判断样式，转换数据类型（根据返回数据num转换对应表达汉字）
代码结构：boolean_expression ? true_value : false_value;，其含义就是判断问号前面是否为真，若为真，则执行问号后面的，若为假，执行冒号后面的。
优点：简单判断的情况下，三元表达式结构更加简单。
2.扩展运算符
顾名思义，其实就是扩充，展开的含义，不明白，没问题，看完下面的作用，你应该就懂了。
作用：
字符转数组用–展开

var arr1 = [...'hello world']
console.log(arr1)// ["h", "e", "l", "l", "o",'','w','o','r','l','d']

这个是不是就是把字符串整个展开呀，

合并数组和对象 --扩充

      //数组合并
      var name1=['1']
      var name2=['2']
      var name3=[...name1,...name2]
      console,log(name3) //['1','2']
      //对象也可以合并
      var obj1={key:'1'}
      var obj2={name:'honey'}
      var obj3={...obj1,...obj2}
      console.log(obj3) //{key:'1',name:'honey'}```

当然了，我们也可以把它引用到函数传参当中，规则跟展开一样，这里就不过多介绍了，可以自己回去试一下。


扩展参考 
> https://blog.csdn.net/weixin_45680024/article/details/120916735