前端面试不用怕！一分钟带你了解es6的解构赋值

解构赋值（★★★）！！！！！

ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构

<script>var stus=['李钟硕','刘诗诗','易烊千玺']//访问数组数据//let tx = stus[0]//console.log(tx);  let [lzs,lss,yyqx] = stus//console.log(lzs);// console.log(lss);  //console.log(yyqx);//对象的解构赋值let txObj = {name:'李钟硕',gender:'美男',age:18}let txObj2 = {name:'刘诗诗',gender:'美女',age:18}//对象在进行解构操作的时候，变量必须与源对象属性一一对应；但是可以为变量起另外的别名let { name: txName,gender,age }=txObjconsole.log(txName);
</script>

解构赋值就是把数据结构分解，然后给变量进行赋值
如果结构不成功，变量跟数值个数不匹配的时候，变量的值为undefined
数组解构用中括号包裹，多个变量用逗号隔开，对象解构用花括号包裹，多个变量用逗号隔开
利用解构赋值能够让我们方便的去取对象中的属性跟方法

提示：新人小白一枚，如有不对请多多指教！希望给您带来帮助！多谢。

前端面试不用怕！一分钟带你了解es6的解构赋值相关推荐

前端笔记之ES678WebpackBabel（上）初识ES678Babellet和const解构语法
一.ES版本简介和调试运行方法 1.1 ECMAScript简介 MDN手册:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript JavaS ...
歌谣学前端之解构赋值
前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的 ...
vue解构赋值_前端开发es6知识模块化、解构赋值、字符串模板
项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍1.块级作用域 let const 2.箭 ...
let的解构赋值_前端开发es6知识模块化、解构赋值、字符串模板
项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const 2. ...
【前端17_JS】ES 6：Let 、Const、对象冻结、解构赋值、暂时性死区 TDZ、惰性求值、模板字符串
ES 6 简介 let 声明变量变量不提升暂时性死区 TDZ const 静态变量 (常量*) 实质引申对象冻结解构赋值起步 ...arr 展开运算符 ...[] 数组拓展运算符传参找 ...
每天十分钟学好ES6--关于解构赋值的彩虹屁
解构赋值是es6中很简单实用的小语法,今天一定要给它吹一下彩虹屁. 说他简单,是因为在es6规范中,排位在第二,也就是let和const之后就是他了,语法篇章也不多,还没说多少就开始说应用,应用的部分 ...
offer收割攻略，Web前端面试真题JavaScript系列(带详解)
临近秋招,不少小伙伴开始了求职之路,面试是十分重要的考验,其次也离不开面试题.网上的面试题零零散散,十分混乱,正好我抽时间帮助大家总结一下.难易程度肯定是从简到难,今天是第一篇的续集--基础篇中的Ja ...
前端学习必备之ES6解构赋值的常见用法
1.解构赋值可以轻松获取对象或者数组中的数据 var jsonData = {data: "111",data2: ["test","test2&qu ...
java对象赋值给数组_带你深入的理解数组和对象的解构赋值。
es6提供了一个非常好的特性,即变量的解构赋值.从而我们可以方便的从数组和对象中提取数据并将它们赋值给变量.这是非常必要的.先来看在这个新特性发布之前我们是如何从数组中提取数据的.如下: let nu ...

前端面试不用怕！一分钟带你了解es6的解构赋值

解构赋值（★★★）！！！！！

前端面试不用怕！一分钟带你了解es6的解构赋值相关推荐

最新文章

热门文章