#yyds干货盘点# 【js学习笔记二十二】...扩展运算符

简介: #yyds干货盘点# 【js学习笔记二十二】...扩展运算符

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


歌谣 歌谣 前端...扩展运算符


网络异常,图片无法展示
|
图片.png

代码部分

<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参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
30 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