ES6-变量的解构赋值

简介: 前言大家好,今天和大家分享一下ES6中变量的解构赋值。一、解构赋值是什么?ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值

前言

大家好,今天和大家分享一下ES6中变量的解构赋值

一、解构赋值是什么?

ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值

二、解构赋值案例

1.数组的解构

代码如下(示例):

const num = ['张三', '李四', '王五', '赵六'];
let [zhang, li, wang, zhao] = num;
 console.log(zhang);
 console.log(li);
 console.log(wang);
 console.log(zhao);

2.对象的解构

代码如下(示例):

const zhang = {
  name: '张三',
  age: '18',
  zhiye: function() {
    console.log('程序员');
  }
  };
let {
  name,
  age,
  zhiye
  } = zhang;
console.log(name);
console.log(age);
console.log(zhiye);
zhiye();

总结

以上就是本章的全部内容,希望你能够帮助到您

相关文章
|
7月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
7月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
1月前
es6变量声明与解构赋值
ES6的变量声明与解构赋值特性使得代码更加简洁、清晰,提高了开发效率和代码的可读性,在实际开发中被广泛应用。
|
3月前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
40 0
ES6解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
196 58
ES6 解构赋值详解
|
4月前
es6 的解构赋值
【8月更文挑战第22天】
24 3
|
5月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
30 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
88 0
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦