变量和对象的解构赋值

2024-01-07 19:47:07

解构赋值是一种 JavaScript 语言特性,允许你将数组或对象的属性直接赋值给变量。这对于从函数返回多个值或初始化多个变量非常有用。

对象解构赋值:
当你有一个对象,你想将它的属性赋值给一些变量时,你可以使用解构赋值。例如:

const person = { ?
? firstName: 'John', ?
? lastName: 'Doe' ?
}; ?
??
const { firstName, lastName } = person; ?
??
console.log(firstName); ?// 输出: John ?
console.log(lastName); ? ?// 输出: Doe


在上述代码中,我们创建了一个新的 firstName 和 lastName 变量,并将它们分别初始化为 person 对象的 firstName 和 lastName 属性的值。


2. 数组解构赋值:

当你想从数组中取出元素并赋值给变量时,也可以使用解构赋值。例如:

const colors = ['red', 'green', 'blue']; ?
??
const [firstColor, secondColor, thirdColor] = colors; ?
??
console.log(firstColor); ?// 输出: red ?
console.log(secondColor); ?// 输出: green ?
console.log(thirdColor); ? // 输出: blue


在上述代码中,我们创建了新的 firstColor、secondColor 和 thirdColor 变量,并将它们分别初始化为 colors 数组的第一个、第二个和第三个元素。


3. 默认值:

如果数组或对象的某些属性不存在或有默认值,你可以在解构时指定默认值。例如:

const person = { firstName: 'John' }; ?// 只定义了 firstName 属性 ?
??
const { firstName, lastName = 'Doe' } = person; ?
??
console.log(firstName); ? ?// 输出: John ?
console.log(lastName); ? ? ?// 输出: Doe(因为 person 对象没有 lastName 属性,
//所以使用了默认值)


在上述代码中,如果 person 对象没有 lastName 属性,那么 lastName 变量将使用默认值 'Doe'。

文章来源:https://blog.csdn.net/2301_79265530/article/details/135437213
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。