变量解构赋值

简介: 变量解构赋值

既然有时间在最后壮烈牺牲,不如完美地活到最后一刻——坂田银时/银魂

前两天有朋友问我,这个写法看不懂,让我给他讲讲

它这里用到了一个ES6的新特性:解构赋值

这里简单复现一下

var param = {
  columns: {
    property: "我是property"
  },
  data: ["我是", "data", "数组"]
}
var {columns,data} = param
console.log(columns)
console.log(data)

输出结果

可以看到我们这里使用

var {columns,data} = param

去拿到了param里的变量columnsdata

这里注意一点,如果我们使用的名字不同的话,是无法取得里面的属性的

例如

var param = {
  columns: {
    property: "我是property"
  },
  data: ["我是", "data", "数组"]
}
var {col,data} = param
console.log(col)
console.log(data)

可以看到输出undefined

那如果我们这个变量在上面有同名的怎么办呢,我们可以使用冒号取个别名

var columns = "我被定义了"
var param = {
  columns: {
    property: "我是property"
  },
  data: ["我是", "data", "数组"]
}
var {columns:col, data} = param
console.log(columns)
console.log(col)
console.log(data)

输出结果

相关文章
|
1月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
3月前
|
JavaScript 前端开发
变量和对象的解构赋值
变量和对象的解构赋值
20 0
|
3月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
24天前
|
JavaScript
解构赋值及其原理
解构赋值及其原理
32 1
|
4月前
数组解构赋值
数组解构赋值
22 0
|
5月前
|
JavaScript 前端开发
什么是解构赋值?
什么是解构赋值?
22 1
|
8月前
|
JSON JavaScript 前端开发
ES6(变量的解构赋值)
ES6(变量的解构赋值)
50 0
ES6-变量的解构赋值
前言 大家好,今天和大家分享一下ES6中变量的解构赋值。 一、解构赋值是什么? ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值
|
10月前
|
人工智能 Shell
将结果分别赋值给变量
将结果分别赋值给变量
48 0
|
JavaScript 前端开发
【ES6】let、const关键字和解构赋值
【ES6】let、const关键字和解构赋值
85 0