随着 JavaScript 语言的不断发展,新的版本带来的新特性也越来越多。ES10 中引入了一些实例方法,可以帮助我们编写更好的 JavaScript 代码。在本文中,我们将介绍这些方法,同时提供一些有深度和学习以及指导意义的代码示例。
1. Object.fromEntries()
Object.fromEntries() 方法可以将一个键值对数组转换成一个对象。这个方法的作用与 Object.entries() 正好相反。
-- -------------------- ---- ------- ----- ------- - - -------- ------- ------- ---- ---------- ------- -- ----- --- - ---------------------------- ----------------- -- ------ ------ ---- --- ------- -------
2. Array.flat()
Array.flat() 方法可以将数组扁平化。如果原数组有嵌套的数组,则会将嵌套的数组合并成一个新数组。
const arr = [1, 2, [3, 4], [5, 6, [7]]]; const result = arr.flat(2); console.log(result); // [1, 2, 3, 4, 5, 6, 7]
3. Array.flatMap()
Array.flatMap() 方法可以先执行 map() 方法,再执行 flat() 方法。这个方法对于数组中需要处理时使用。
const arr = [1, 2, 3]; const result = arr.flatMap((x) => [x, x * 2]); console.log(result); // [1, 2, 2, 4, 3, 6]
4. String.trimStart() 和 String.trimEnd()
String.trimStart() 方法可以去除字符串头部的空格,String.trimEnd() 方法可以去除字符串尾部的空格。
const str = ' abc '; const result1 = str.trimStart(); // 'abc ' const result2 = str.trimEnd(); // ' abc'
5. String.matchAll()
String.matchAll() 方法可以返回一个包含所有匹配项的迭代器。
-- -------------------- ---- ------- ----- --- - ------ ------- ----- ----- - --------- ----- ------ - ------------------------- -------------------- -- - -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ -- ------ ------ ------- ------- ----------- -- ----- ------ --- ------ ------ ------- ------- ---------- -- -
6. Promise.allSettled()
Promise.allSettled() 方法返回一个 Promise,当所有 Promise 都已经执行完毕时,该 Promise 执行成功。与 Promise.all() 不同的是,即使 Promise 失败也会正常执行,并返回 Promise 详细状态信息。
-- -------------------- ---- ------- ----- -------- - ------------------- ----- -------- - ------------------------ ----------------------------- ------------------------ -- - -------------------- -- - -- - ------- ------------ ------ - -- -- - ------- ----------- ------- ------- - -- - ---
结论
ES10 中的实例方法不仅可以帮助我们编写更好的 JavaScript 代码,更能提升我们的开发效率。通过介绍这些方法,我希望可以在您的下一个项目中带来帮助。
如果您对这些方法还不太熟悉,那么现在就该学习了!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67515ba58bd460d3ad88d831