【ES6】关于解构赋值的基本用法

news/2024/7/10 23:16:23 标签: es6, javascript

解构赋值

1、左右两边结构必须一样(数据类型、个数)

2、右边必须是个东西(语法无误)

3、声明和赋值不能分开(必须在一句话里完成)

javascript">    let arr = [1,2,3]
    let a = arr[0]
    let b = arr[1]
    let c = arr[2]
    console.log(a,b,c) //1,2,3

 解构赋值

javascript">     let [a,b,c] = [1,3,5]
     console.log(a,b,c) //1,3,5

实例1、左右两边结构必须一样

javascript">    let [a,b,c] = [1,3,5,7]
    console.log(a,b,c) //Identifier 'a' has already been declared 标识符a已经被声明
javascript">    let [a,b] = {a:10,b:20}
    console.log(a,b) //{(intermediate value)(intermediate value)} is not iterable 不可迭代

实例2、复杂结构

javascript">    let [arr, json, num, str] = [[1,2,3], {a:10, b:20, c:30}, 66, 'wenmeichao']
    console.log(arr, json, num, str) //Array(3) Object 66 "wenmeichao"

实例3、声明和赋值不能分开

javascript">    let [a,b]
    [a,b] = [1,2] //Missing initializer in destructuring declaration 解构声明缺少初始化
    console.log(a,b)

 


http://www.niftyadmin.cn/n/497352.html

相关文章

帝国CMS标题截取添加省略号的问题

因为要自定义样式,所以我使用的是灵动标签,特地测试了一下标题过长截取后自动添加省略号的问题 查了下资料仍然不能解决我的问题,代码如下 [e:loop{news,8,22,0}] <li>[<a href"<?$bqsr[classurl]?>"><?$bqsr[classname]?></a>] &…

C#实体类get和set的作用

一&#xff0c;实体类属性访问存在两种写法&#xff1a; //第一种写法private int _id;public int Id{set { _id value; }get { return _id; }}//第二种写法public int Id{set;get;} 二&#xff0c;那以上两种写法有什么区别呢&#xff1f; 两种写法在“封装”上是没什么区别的…

【ES6】数组新增的四个方法 map reduce filter forEach

map 映射&#xff0c;一个对一个 map( ) 方法按照原始数组元素顺序依次处理元素&#xff0c;返回一个新数组&#xff0c;数组中的元素为原始数组调用函数处理后的值。不改变原始数组。 let arr [10,20,30,40] let newArr arr.map((item, index, args) > { //当前元素、位…

帝国cms 中子栏目循环标签listsonclass调用文章位置不同如何同时循环如下

图1是现在实现的效果&#xff0c;图2是那一块不知道如何调用&#xff0c;因为必须要让图3这一个div里面循环求助各位&#xff0c;解决之后财富不是问题 各位实现为&#xff1a;图1中图片正常打开&#xff0c;简介也正常显示以及超链接&#xff01; __你可以用灵动标签。 -----…

Java-idea-安装配置优化等

1.属性配置 使用版本&#xff0c;winzip解压版&#xff0c;开发工具安装目录下idea.properties文件&#xff0c;自定义配置路径 # idea.config.path${user.home}/.IntelliJIdea/configidea.config.pathD:/developToool/idea-config/ideaIU-2017.1.win/config # idea.plugins.pa…

Mysql   for windows (MySQL开发)

数据库的安装启动系列&#xff1a;1&#xff0c;将Mysql启动路径配置在windows环境变量里&#xff0c;在环境变量path里的头行输入mysql的bin路径&#xff0c;C:\program files\mysql\bin;2&#xff0c;mysql的启动&#xff1a;net start mysql mysql -uroot -p123 -h127.…

【ES6】字符串新增的一些内容以及应用

新增两个新方法 stratsWith( ) 检测字符串是否以指定的前缀开始 endsWith( ) 检测字符串是否以指定的后缀结尾 startsWith let str http://www.baidu.comif(str.startsWith(https://)){console.log(加密网址)}else if(str.startsWith(http://)){console.log(普通网址) //普通网…

vue.js中$emit的理解

官网介绍比较简单 例子&#xff1a;$emit(increment1,[12,kkk])&#xff0c;直接看是懵逼的有没有&#xff0c;可以先告诉你&#xff0c;就是触发自定义事件increment1(或者函数名吧)&#xff0c;[]为参数 上案例 <!DOCTYPE html> <html><head><meta char…