不得不学的25个JavaScript技巧，让你成为高效开发达人！(3)

const unique = Array.from(new Set(occurrences));
const occurrenceCount = Object.fromEntries(
unique.map(char => {
const occurrenceCount = occurrences.filter(c => c === char).length;
return [char, occurrenceCount]
})
)
console.log(occurrenceCount); // { a: 3, b: 1, c: 2, ... }

8、回调替换技巧

该.replace功能并不限制您只能用固定字符串替换。您可以将回调传递给它并使用匹配的子字符串。
const string = "a dog went to dig and dug a doggone large hole";
const replacedString = string.replace(/d.g/g, str => str "gy")
console.log(replacedString); // a doggy went to diggy and duggy a doggygone large hole

9、条件链技巧

你们中的许多人都熟悉在 JS 中遇到未定义的错误，条件链接可以防止很多这种情况的发生。
可选的链接( )运算?.符访问对象的属性或调用函数。如果使用此运算符访问的对象或调用的函数未定义或为空，则表达式短路并计算为未定义，而不是抛出错误。
const obj = {
"a": "aaaaaaa",
"b": null
};
console.log(obj.b.d); // throws an error
console.log(obj.b?.d); // returns undefined

10、数字限制技巧

通常，您可能需要将数字限制在特定范围内。每次需要时都用三元运算符来做是一件很痛苦的事情。函数要干净得多。