ES10 (也称 ECMAScript 2019) 是 JavaScript 的最新标准，其中包含了很多实用性特性，大大提高了 JavaScript 的编程效率。那么今天我们就来总结一下 ES10 中的一些实用性特性，以便于大家更好地去学习和使用。
1. 数组的 flat() 方法
在 ES10 中，我们可以通过 flat() 方法将一个数组展开，达到扁平化的效果。这个方法有两个参数，一个是展开数组的深度，另一个是展开后的新数组。
-- -------------------- ---- ------- ----- --- - --- -- --- -- --- ----- -- ----------- ----- ------- - ----------- --------------------- -- --- -- -- -- --- --- -- ----------- ----- ------- - ------------ --------------------- -- --- -- -- -- -- --
2. 字符串的 trimStart() 和 trimEnd() 方法
在 ES10 中，我们可以通过 trimStart() 和 trimEnd() 方法去除字符串开头和结尾的空格，达到字符串的格式化效果。
-- -------------------- ---- ------- ----- --- - - ----- ----- - -- ---------- ----- ------- - ---------------- ---------------------------- -- ------ ----- - -- ---------- ----- ------- - -------------- ---------------------------- -- - ----- ------
3. Object.fromEntries() 方法
在 ES10 中，我们可以通过 Object.fromEntries() 方法将一个数组转化为对象。这个方法可以用于将 FormData 中的数据转化为一个对象。
const arr = [['name', 'Tom'], ['age', '18']];
// 将数组转化为对象
const obj = Object.fromEntries(arr);
console.log(obj); //{name: "Tom", age: "18"}4. Optional chaining (可选链)
Optional chaining 是一种新的操作符，可以避免在访问对象或数组中不存在的属性或方法时抛出异常。这个操作符是 "?."。
const person = {
name: "Tom"
};
// 如果 person 存在并且有 age 属性，返回 age 属性值，否则返回 undefined
person.age?. // undefined5. 空值合并运算符
空值合并运算符是一种新的操作符，可以用来判断对象或数组中的属性或元素是否存在，如果不存在则返回一个默认值。这个操作符是 "??"
const person = {
name: "Tom",
age: null
};
// 如果 person.age 为 null 或者 undefined，返回默认值 18，否则返回 person.age
const age = person.age ?? 18;
console.log(age); // 18总结
以上就是 ES10 中的一些实用性特性，这些特性大大提高了 JavaScript 的编程效率，也让我们的代码更加简洁明了。希望这篇文章可以帮助大家更好地学习和使用 JavaScript。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64645668968c7c53b0536919