1. 通过键对对象数组进行分组 我们定义了一个名为 groupBy 的函数,它以一个对象数组和一个键作为参数。该函数的目的是将数组中的对象按指定的键进行分组。 const groupBy = (arr, key) => arr.reduce...
JavaScript
JavaScript的事件
概述 在 Web 开发中,事件在浏览器窗口中被触发并且通常被绑定到窗口内部的特定部分, 事件绑定的可能是一个元素、一系列元素或者是整个浏览器窗口。举几个可能发生的事件: 用户在某个元素上点击鼠标或...
7 个强大的 JavaScript 特性
在本文中,我们将探讨大多数开发人员可能不知道的7个很酷的现代 JavaScript 特性。 1.可选链接 可选链接是 JavaScript 中的一项新功能,它允许开发人员编写更简洁、更易于阅读的代码。使用可选链接,您可...
6 个ES13 中非常实用的新 JavaScript 特性
1. at 当我们想要获取数组的第 N 个元素时,我们通常使用 [] 来获取。 const array = [ 'fatfish', 'medium', 'blog', 'fat', 'fish' ] console.log(array[ 1 ]...
掌握 JavaScript switch 语句
JavaScript switch 语句是一种根据不同条件在代码中做出判断的方法。 它与使用多个 if-else 语句相比,它更具有组织性、代码更简洁。 switch 语句评估给定的表达式,它可以是变量或值,并将其与几种可能的情...
一行 JavaScript 代码搞定这些操作
JavaScript 是一门神奇的语言,它的某些特性让人捉摸不透,但其简洁和灵活性也让人爱不释手。有些功能逻辑按常规思路可能需要不少代码,但是利用某些 API 和语法特性,短短一行代码就能完成!本文简单列举一些常...
10 个很棒的 JavaScript 字符串技巧
字符串是几乎所有编程语言中的基本类型之一,因此,在今天这篇文章中,我将与您分享10个关于JavaScript 字符串的知识技巧 1.如何多次复制一个字符串 JavaScript字符串允许简单的重复,不同于纯手工复制字...
5 个罕见的 JavaScript 原生 API
本文带来5个难得一见的JavaScriot原生API,为我们的前端开发带来意想不到的便利。 1. getBoundingClientRect() Element.getBoundingClientRect() 方法返回一个 DOMRect 对象,该对象提供有关元素大小及其...
代码太多if else?教你优化代码
最近在网上冲浪时看到了这样一段代码: function getUserDescribe(name) { if (name === "小刘") { console.log("刘哥哥"); } else if (name === "小红") { ...
10个实用Web API
Blob API Blob API 用于处理二进制数据,可以方便地将数据转换为Blob对象或从Blob对象读取数据。 // 创建一个Blob对象 const myBlob = new Blob(["Hello, world!"], { type: "text/plain&q...
