Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 结构赋值

作者:鱼宝宝睡觉觉   发布日期:2025-06-24   浏览:63

// 示例代码:JS 结构赋值

// 1. 数组的结构赋值
const [a, b, c] = [1, 2, 3];
console.log(a); // 输出: 1
console.log(b); // 输出: 2
console.log(c); // 输出: 3

// 解释:从数组中按顺序提取元素并赋值给变量 a, b, c。

// 2. 对象的结构赋值
const obj = { name: 'Alice', age: 25, city: 'Beijing' };
const { name, age, city } = obj;
console.log(name); // 输出: Alice
console.log(age);  // 输出: 25
console.log(city); // 输出: Beijing

// 解释:从对象中提取属性并赋值给同名变量。

// 3. 嵌套结构赋值
const nestedObj = {
  user: {
    name: 'Bob',
    info: {
      age: 30,
      city: 'Shanghai'
    }
  }
};

const { user: { name, info: { age, city } } } = nestedObj;
console.log(name); // 输出: Bob
console.log(age);  // 输出: 30
console.log(city); // 输出: Shanghai

// 解释:嵌套的对象也可以通过结构赋值直接获取深层次的属性值。

上一篇:js 判断整数

下一篇:js 立即执行函数

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站