变量解构赋值

简介: 变量解构赋值

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

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

它这里用到了一个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)

输出结果

相关文章
|
7月前
|
JavaScript 前端开发
变量和对象的解构赋值
变量和对象的解构赋值
43 0
|
7月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
1月前
解构赋值时如果数组元素的值是对象,如何进行解构赋值?
【10月更文挑战第30天】当数组元素的值是对象时,解构赋值提供了一种方便灵活的方式来提取和使用对象的属性值,通过不同的组合和嵌套方式,可以满足各种复杂的数据结构处理需求,使代码更加简洁和易读。
|
1月前
|
JavaScript 前端开发 网络架构
数组解构赋值时,对变量的命名有什么要求?
【10月更文挑战第30天】数组解构赋值对变量命名的要求主要是遵循JavaScript标识符的命名规则,以及与数组元素位置的对应关系。合理的变量命名可以使代码更加清晰易懂,提高代码的可读性和可维护性。
|
1月前
解构赋值时,如果数组元素的值是函数,如何进行解构赋值?
解构赋值对于数组中函数元素的处理提供了一种简洁明了的方式,能够方便地将函数提取到变量中进行后续的调用和操作,使代码更加清晰和易于理解。
27 4
|
1月前
|
JavaScript 前端开发 网络架构
解构赋值
【10月更文挑战第30天】解构赋值为JavaScript编程带来了很大的便利,它不仅使代码更加简洁、易读,还提高了代码的编写效率和可维护性,在各种JavaScript应用场景中都有广泛的应用。
|
1月前
解构赋值时如果数组元素的值是嵌套对象,如何进行解构赋值?
【10月更文挑战第30天】可以灵活地对数组中包含嵌套对象的元素进行解构赋值,根据具体的需求提取出所需的值,从而使代码更加简洁、清晰,提高代码的可读性和可维护性。
|
JavaScript 前端开发
什么是解构赋值?
什么是解构赋值?
50 1
|
JSON JavaScript 前端开发
ES6(变量的解构赋值)
ES6(变量的解构赋值)
71 0

热门文章

最新文章