ES6 是 JavaScript 的一个重要版本，它引入了许多新的语法和特性，其中包括了一些新的数据存储方式。在本文中，我们将详细介绍 ES6 中的数据存储方式，包括变量声明、数组和对象的解构赋值、以及 Set 和 Map 数据结构。
变量声明
在 ES6 中，我们可以使用 let 和 const 关键字来声明变量。与 var 关键字不同的是，let 和 const 声明的变量具有块级作用域，并且不能被重复声明。
let a = 1; const b = 2;
在上面的代码中，a 和 b 分别被声明为 let 和 const 类型的变量。其中，a 可以被重新赋值，而 b 则不能被重新赋值。
数组和对象的解构赋值
ES6 中引入了一种新的语法，可以方便地从数组或对象中提取数据，并赋值给变量。这种语法称为解构赋值。
数组解构赋值
let [a, b, c] = [1, 2, 3];
在上面的代码中，我们使用 [] 来表示数组，然后使用 let 和 [] 中的变量名来声明变量，并将数组中的值赋值给它们。这样，a 的值为 1，b 的值为 2，c 的值为 3。
对象解构赋值
let {name, age} = {name: '张三', age: 20};在上面的代码中，我们使用 {} 来表示对象，然后使用 let 和 {} 中的属性名来声明变量，并将对象中的值赋值给它们。这样，name 的值为 '张三'，age 的值为 20。
Set 和 Map 数据结构
ES6 中引入了两种新的数据结构，分别是 Set 和 Map。它们可以用来存储一组不重复的值和一组键值对。
Set 数据结构
let set = new Set([1, 2, 3]); set.add(4); set.delete(2); console.log(set.has(3)); // true console.log(set.size); // 3
在上面的代码中，我们使用 new Set() 来创建一个 Set 数据结构，并将初始值传入。然后，我们使用 add() 方法向 Set 中添加一个新的值，使用 delete() 方法删除一个值，使用 has() 方法判断一个值是否存在，使用 size 属性获取 Set 中值的个数。
Map 数据结构
let map = new Map([['name', '张三'], ['age', 20]]);
map.set('gender', '男');
map.delete('age');
console.log(map.get('name')); // '张三'
console.log(map.has('gender')); // true
console.log(map.size); // 2在上面的代码中，我们使用 new Map() 来创建一个 Map 数据结构，并将初始键值对传入。然后，我们使用 set() 方法向 Map 中添加一个新的键值对，使用 delete() 方法删除一个键值对，使用 get() 方法获取一个键所对应的值，使用 has() 方法判断一个键是否存在，使用 size 属性获取 Map 中键值对的个数。
总结
ES6 中引入了许多新的数据存储方式，包括变量声明、数组和对象的解构赋值，以及 Set 和 Map 数据结构。这些新的特性可以使我们的代码更加简洁、清晰，提高开发效率。在实际开发中，我们应该根据具体情况选择合适的数据存储方式，以达到最佳的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6512497095b1f8cacdab99e8