vue解构赋值_vue解构赋值

写vue或react项目，我们经常在接收到数据的时候，需要对数据进行二次加工操作，一些传统的办法可以实现对数据的加工。但利用到ES6的解构赋值，则更为简单。

解构赋值主要分为对象的解构和数组的解构，在没有解构赋值的时候，我们的赋值是这样的

let arr = [1,2,3]

let a= arr[0]

let b= arr[1]

let c= arr[2]

这样写很繁琐，解构赋值可以轻松解决上面的问题。

一、数组的解构赋值

let arr = [0,1,2]

let [a,b,c]=arr

console.log(a)//0

console.log(b) //1

console.log(c) //2

但是很多时候，数据并非一一对应的，并且我们希望得到一个默认值

let arr = [,1,2]

let [a='我是默认值',b,c] =arr

console.log(a)//'我是默认值'

console.log(b) //1

console.log(c) //2

从这个例子可以看出，在解构赋值的过程中，a=undefined时，会使用默认值

那么当a=null时呢？当a=

vue解构赋值_vue解构赋值_ES6解构赋值相关推荐

vue 给checkbox 赋值_Vue动态生成el-checkbox点击无法赋值的解决方法
前言最近遇到一个问题,在一个页面需要动态渲染页面内的表单,其中包括 checkbox 表单类型,并且使用 Element 组件 UI 时,此时 v-model 绑定的数据也是动态生成的例如: 定义 ...
vue解构赋值_ES6解构赋值
写vue或react项目,我们经常在接收到数据的时候,需要对数据进行二次加工操作,一些传统的办法可以实现对数据的加工.但利用到ES6的解构赋值,则更为简单. 解构赋值主要分为对象的解构和数组的解构,在 ...
json解析子类和父类同名属性如何赋值_想学变量的解构赋值？看完这一篇就够了...
序言 ES6允许按照一定模式从数组和对象中提取值,然后对变量进行复制,这被称为解构(Destructuring) 数组的解构赋值基本用法像上面的例子,可以从数组中提取值,按照对应位置对变量赋值,这 ...
python脚本例子_python dict 字典以及赋值引用的一些实例(详解)
最近在做一个很大的数据库方面的东东,要用到根据数值来查找,于是想到了python中的字典,平时没用过dict这个东东用的最多的还是 list 和 tuple (网上查用法一大堆) 看了一下创建字典 ...
python定义数组并赋值_python中的数组赋值与拷贝的区别详解
具体的注解我已经写在了程序里面:通俗的解释了python里面的浅拷贝与深拷贝的不同,请看程序. # -*- coding: utf-8 -*- import numpy as np import co ...
html注册验证radio,html中radio值的获取、赋值、注册事件示例详解分享
1,radio分组只要name一样,就是一组的,即一组中只能选择一个,如下: 复制代码代码如下: group1: radio1 radio2 radio3 group2: radio4 radio5 ...
Vue通信、传值的多种方式，详解
Vue通信.传值的多种方式,详解转自:https://blog.csdn.net/qq_35430000/article/details/79291287 一.通过路由带参数进行传值 ①两个组件 A ...
vue.js循环for（列表渲染）详解
vue.js循环for(列表渲染)详解一.总结一句话总结: v-for <ul id="example-1"> <li v-for="item in ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...

vue解构赋值_vue解构赋值_ES6解构赋值

vue解构赋值_vue解构赋值_ES6解构赋值相关推荐

最新文章

热门文章