ECMAScript 2019 中的新字符串方法

在 ECMAScript 2019 中，新增了一些字符串方法，大大方便了开发人员对字符串的操作。这篇文章将介绍这些方法并提供实用的示例代码帮助您更好地理解这些内容。

trimStart() 和 trimEnd()

trimStart() 和 trimEnd() 分别用于删除字符串开头和结尾的空格，它们可以方便地用于处理用户输入的字符串并去除前后的空格。示例代码如下：

const str = '   Hello World!   ';
console.log(str.trimStart()); // 'Hello World!   '
console.log(str.trimEnd()); // '   Hello World!'

padStart() 和 padEnd()

padStart() 和 padEnd() 可以在字符串的开头或结尾添加指定的填充字符，以达到指定的长度。填充字符默认为空格，可以通过第二个参数进行指定。示例代码如下：

const str = 'hello';
console.log(str.padStart(10, '0')); // '00000hello'
console.log(str.padEnd(10, '1')); // 'hello11111'

fromEntries()

fromEntries() 方法可以将键值对数组转换为对象，在前端开发中，我们经常需要将数组转换为对象以方便进行操作。示例代码如下：

const arr = [['key1', 'value1'], ['key2', 'value2']];
const obj = Object.fromEntries(arr);
console.log(obj); // { key1: 'value1', key2: 'value2' }

flat() 和 flatMap()

flat() 方法可以去除数组中的嵌套层数，决定需要平铺的嵌套层数由传入的参数决定，可以方便地将多维数组转换为一维数组。示例代码如下：

const arr = [1, 2, [3, [4, 5]]];
console.log(arr.flat()); // [1, 2, 3, [4, 5]]
console.log(arr.flat(2)); // [1, 2, 3, 4, 5]

flatMap() 方法与 map() 方法类似，但可以将结果数组扁平化，方便地操作多维数组。示例代码如下：

const arr = [1, 2, 3];
const result = arr.flatMap(x => [x, x * 2]);
console.log(result); // [1, 2, 2, 4, 3, 6]

Object.fromEntries() 替代对象字面量 {}

在 JavaScript 中创建对象的常见方法之一是使用对象字面量 {}，但如果希望从键值对数组中构建对象，则可以使用 Object.fromEntries() 方法来更方便地实现。示例代码如下：

const arr = [['key1', 'value1'], ['key2', 'value2']];
const obj = Object.fromEntries(arr);
console.log(obj); // { key1: 'value1', key2: 'value2' }

总结

ECMAScript 2019 中新增的这些字符串和数组方法，在日常的前端开发中，可以大大提高开发效率和代码可读性。尤其是可以使用新的 Object.fromEntries() 方法来优雅地从键值对数组中创建对象，避免了冗长的手动构建对象的过程。相信这些方法的介绍可以让您更好地理解并应用它们到日常开发中去。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e58046f6b2d6eab30f4d5d