ES6新特性二

最新推荐文章于 2025-07-19 11:41:05 发布

原创最新推荐文章于 2025-07-19 11:41:05 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6

本文详细介绍了JavaScript中解构赋值的各种用法，包括数组、对象、字符串、数值与布尔值以及函数参数的解构赋值，并展示了如何利用解构赋值从JSON对象中高效提取数据。

二、变量的解构赋值
   2.1 数组的解构赋值// 数组的元素是按次序排列的，变量的取值由它的位置决定
       let [a, b, c] = [1, 2, 3]; // 等价于 let a = 1; let b = 2; let c = 3;
   2.2对象的解构赋值
       let { bar, foo } = { foo: "aaa", bar: "bbb" }; // 对象的属性没有次序，变量必须与属性同名，才能取到正确的值
   2.3 字符串解构赋值
       const [a, b, c, d, e] = 'hello'; // a //"h" b //"e"...
   2.4 数值和布尔值的解构赋值
   2.5 函数参数赋值
       function add([x, y]){
       return x + y;
       }
       add([1, 2]); // 3
   2.6 用途 // 解构赋值对提取 JSON 对象中的数据，尤其有用。
       let jsonData = {
       id: 42,
       status: "OK",
       data: [867, 5309]
       };
       let { id, status, data: number } = jsonData;
       console.log(id, status, number);
       // 42, "OK", [867, 5309]