JavaScript对象和数组的解构赋值基础详解

本篇文章给大家带来了关于javascript的相关知识，其中主要整理了对象和数组的解构赋值的相关问题，包括了数组解构、对象解构以及函数参数解析等等内容，下面一起来看一下，希望对大家有帮助。

【相关推荐：javascript视频教程、web前端】

对象（Object）和数组（Array）是JavaScript中最常用的两种数据结构，二者的共同特点是都可以存储大量的数据。

问题是，当我们再参数传递和计算过程中，可能只需要对象和数组中的一部分内容，而不是整个对象/数组。

此时，就需要使用解构赋值将对象/数组拆包，获取其内部的一部分数据，下面会使用案例介绍解构赋值在编程中的应用。

数组解构

所谓数组解构，就是获取数组中一部分对我们有用的数据，举个栗子：

let arr = ['first','second']let [x, y] = arr //解构操作console.log(x,y)

代码执行结果如下：

代码的内容非常简单，把数组中的内容赋值给了俩个变量，然后输出。

数组解构还可以和split函数配合使用，优雅又高端：

let [x, y] = 'hello world'.split(' ')console.log(x, y)

代码执行结果如下：

解构不改变原数组

解构也可以叫做“解构赋值”，其本质就是把数组的元素复制给变量，所以原数组没有发生任何的变化。

let [x, y] = arr //{1}let x = arr[0]   //{2}let y = arr[1]