【js学习笔记二十二】...扩展运算符

简介: 【js学习笔记二十二】...扩展运算符

代码部分

<script>
    var geyao = {
      name: "geyao",
      age: "18"
    }
    var geyaoTest = {
      ...geyao,
      sex: "男"
    }
    console.log(geyaoTest, "geyaoTest")
    var fangfang = ["fangfang", "花花"]
    var fangfangTest = [...fangfang, "康康"]
    console.log(fangfangTest, "fangfangTest")
    //Object { name: "geyao", age: "18", sex: "男" }
    //Array(3) [ "fangfang", "花花", "康康" ]
    fangfangTest

运行结果

//Object { name: "geyao", age: "18", sex: "男" }
   //Array(3) [ "fangfang", "花花", "康康" ]
相关文章
|
25天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
31 1
|
1月前
|
JavaScript 前端开发 开发者
JavaScript进阶-解构赋值与展开运算符
【6月更文挑战第19天】ES6的解构赋值与展开运算符增强了JS开发效率。解构允许直接从数组或对象提取值,简化数据提取,而展开运算符则用于合并数组和对象或作为函数参数。解构时注意设置默认值以处理不存在的属性,避免过度嵌套。展开运算符需区分数组与对象使用,勿混淆于剩余参数。通过示例展示了这两种操作在数组和对象中的应用,提升代码可读性与简洁度。
|
1月前
|
JavaScript 前端开发 Java
【JavaScript】ECMAS6(ES6)新特性概览(二):解构赋值、扩展与收集、class类全面解析
【JavaScript】ECMAS6(ES6)新特性概览(二):解构赋值、扩展与收集、class类全面解析
27 2
|
19天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
19 0
|
22天前
|
JavaScript
js【详解】typeof 运算符
js【详解】typeof 运算符
11 0
|
1月前
|
JavaScript 前端开发
JavaScript基础-运算符与条件语句
【6月更文挑战第11天】本文探讨了JavaScript中的运算符和条件语句,包括算术、比较、逻辑、赋值及三元运算符。强调了使用严格等于`===`避免类型转换错误,理解逻辑运算符短路特性和优化条件结构以提高代码可读性。通过示例展示了正确使用这些概念,以提升代码质量和维护性。
|
24天前
|
JavaScript 前端开发 数据安全/隐私保护
|
1月前
|
前端开发 JavaScript 安全
解锁 JavaScript ES6:函数与对象的高级扩展功能
解锁 JavaScript ES6:函数与对象的高级扩展功能
|
1月前
|
JavaScript 前端开发
JS常见的运算符有哪些?
JS常见的运算符有哪些?
13 0
|
2月前
|
JavaScript 前端开发
JS中运算符的算术、赋值、+、比较(不同类型之间比较)、逻辑
JS中运算符的算术、赋值、+、比较(不同类型之间比较)、逻辑
23 1