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

js 解构对象

作者:迎着风飛行こ   发布日期:2025-10-01   浏览:104

// 示例代码:解构对象

// 定义一个对象
const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'Beijing',
    country: 'China'
  }
};

// 解构对象的基本用法
const { name, age } = person;
console.log(name); // 输出: Alice
console.log(age);  // 输出: 25

// 解构嵌套对象
const { address: { city, country } } = person;
console.log(city);    // 输出: Beijing
console.log(country); // 输出: China

// 给解构的变量指定默认值
const { job = 'Engineer' } = person;
console.log(job); // 输出: Engineer (因为 person 对象中没有 job 属性)

// 将解构的属性赋值给新的变量名
const { name: fullName, age: yearsOld } = person;
console.log(fullName); // 输出: Alice
console.log(yearsOld); // 输出: 25

解释说明:

  1. 基本解构:通过 { name, age } 可以直接从 person 对象中提取 nameage 属性,并将其赋值给同名变量。
  2. 嵌套对象解构:如果对象中有嵌套的对象,可以通过 address: { city, country } 进行深层次的解构。
  3. 默认值:如果对象中没有某个属性,可以为其指定一个默认值,例如 job = 'Engineer'
  4. 重命名变量:可以将解构出来的属性赋值给新的变量名,例如 name: fullName

上一篇:js 对象解构

下一篇:js 转义符

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

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

Laravel 中文站