什么是解构赋值_javascript中如何提取数据?

admin 百科 14
解构赋值是JavaScript中从数组或对象提取数据的简洁语法。对象解构用{}按属性名匹配,支持重命名、默认值和嵌套;数组解构用[]按位置提取,支持跳过、剩余元素和默认值;常用于函数参数、API响应和变量交换。

什么是解构赋值_javascript中如何提取数据?-第1张图片-佛山资讯网

解构赋值是 JavaScript 中一种简洁、直观地从数组或对象中提取数据的语法,它让你不用写一堆点号或下标就能拿到想要的值。

对象解构:按属性名提取

直接用花括号 {} 匹配对象的属性名,变量名和属性名一致时自动赋值:

const user = { name: '张三', age: 28, city: '杭州' };
const { name, age } = user;
console.log(name); // '张三'
console.log(age);  // 28

登录后复制

还能重命名、设置默认值、嵌套解构:

  • 重命名:{ name: userName } → 把 user.name 赋给变量 userName
  • 默认值:{ city = '北京' } → 如果 user.cityundefined,就用默认值
  • 嵌套:{ address: { province } } → 提取 user.address.province

数组解构:按位置提取

用方括号 [] 按索引顺序获取元素,跳过某些项只需留空逗号:

立即学习“Java免费学习笔记(深入)”;

标签: javascript java ai red

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~