ES6新特性：对象、数组新增方法

ES6新特性

ES6（ECMAScript 2015）是 JavaScript 的一个重要版本，引入了许多新的语法和功能，增强了语言的表达能力和开发体验。以下是 ES6 中一些重要的新特性的全面总结：

• Symbol：Symbol 是 ES6 中引入的一种新的原始数据类型，用于创建独一无二的值。每个通过 Symbol() 创建的值都是唯一的，不会与其他值相等。Symbol 可以用作对象属性的键，用于避免命名冲突。

  const uniqueSymbol = Symbol('description'); // 创建一个带有描述的 Symbolconst obj = {  [uniqueSymbol]: 'some value'};

• Map：Map 是一种新的数据结构，它是一种键值对的集合，与对象不同，Map 的键可以是任何类型的值，包括对象、函数等，而不仅仅是字符串。Map 的键值对在插入顺序上保持有序。

  const map = new Map();map.set('key1', 'value1');map.set('key2', 'value2');
  console.log(map.get('key1')); // 输出 'value1'console.log(map.size); // 输出 2

• Set：Set 是一种类似于数组的数据结构，但它的值是唯一的，不允许重复。它提供了一种存储无重复值的集合的方式。

  const set = new Set();set.add('value1');set.add('value2');set.add('value1'); // 重复的值不会被添加
  console.log(set.has('value1')); // 输出 trueconsole.log(set.size); // 输出 2

数组

ES6在数组上新增了以下几种方法:

jslet arrayLike = {0: 'a', 1: 'b', length: 2}let arr = Array.from(arrayLike, x => x.toUpperCase())// ['A', 'B']

js let arr = Array.of(1, 2, 3)// [1, 2, 3]

jslet arr = [1, 2, 3] let found = arr.find(x => x > 1) // 2

jslet arr = [1, 2, 3]let index = arr.findIndex(x => x > 1) // 1

jslet arr = new Array(3).fill(0) // [0, 0, 0]

jslet arr = [1, 2, 3, 4] arr.copyWithin(2, 0, 2) // [1, 2, 1, 2]

jslet arr = [1, 2, 3]arr.includes(2) // true

js let arr = [1, [2, 3]]arr.flat() // [1, 2, 3]

jslet arr = [1, 2, 3]arr.flatMap(x => [x * 2]) // [2, 4, 6] 

jslet arr = [1, 2, 3]arr.at(-1) // 3

对象

ES6 在对象的语法和 API 上也引入了一些重要的改进。以下是 ES6 在对象上新增的一些语法和 API 的详细总结：

const key = 'name';const person = {  [key]: 'John',  age: 30};

const person = {  name: 'John',  sayHello() {    console.log(`Hello, ${this.name}!`);  }};

const obj1 = { a: 1, b: 2 };const obj2 = { b: 3, c: 4 };const mergedObj = Object.assign({}, obj1, obj2);