迹忆客 专注技术分享

要获取 Map 的第一个元素，请使用解构赋值，例如 const [firstKey] = map.keys() 和 const [firstValue] = map.values() 。 keys() 和 values() 方法返回一个包含 Map 的键和值的迭代器对象。 const map = new Map...

要获取当前周的第一天，请获取该月的第几天，减去星期几并加 1 以将星期一视为一周的第一天。 function getFirstDayOfWeek ( d ) { // ?️ clone date object, so we dont mutate it const date = new Date (d...

JavaScript 中要获得两个数组之间的差异： 使用 filter() 方法迭代第一个数组。 检查每个元素是否不包含在第二个数组中。 重复这些步骤，但这次遍历第二个数组。 const arr1 = [ a , b , c ,...

要通过数据属性获取所有 DOM 元素，请使用 querySelectorAll 方法，例如 document.querySelectorAll([data-id]) 。 querySelectorAll 方法返回一个 NodeList，其中包含与指定选择器匹配的元素。 这是此示例...

当我们使用带有以数字开头的标识符的 querySelector 方法时，会发生Failed to execute querySelector on Document错误。 要解决该错误，请确保我们传递给 querySelector 方法的类名或 ID 不以数字开头。...

JavaScript 中要计算字符串中的唯一单词： 将字符串拆分为一个空格。 将结果传递给 Set() 构造函数 访问 Set 对象的大小属性。 size 属性返回 Set 中包含的元素数。 const str = hello one two th...

要计算数组中的唯一元素，请将数组传递给 Set 构造函数并访问集合的 size 属性。 Set 对象仅存储唯一值并自动删除重复项。 size 属性返回 Set 中值的数量。 const arr = [ a , b , a , c , b ];...

要获取字符串的最后 N 个字符，请对字符串调用 slice 方法，传入 -n 作为参数，例如 str.slice(-3) 返回一个包含原始字符串最后 3 个字符的新字符串。 const str = Hello World ; const last3 = str....

要向元素添加多个类，请选择该元素并将多个类传递给 classList.add() 方法，例如 box.classList.add(bg-blue, text-white) 。 add() 方法接受一个或多个类并将它们添加到元素中。 以下是本文示例的...

将一个类添加到多个元素： 使用 document.querySelectorAll() 方法选择元素。 使用 forEach 方法迭代元素集合。 使用 setAttribute 方法为每个元素添加一个属性。 这是此示例的 HTML。 !DOCTYPE html...

要使用JavaScript查找具有特定类的下一个元素： 使用 nextElementSibling 获取下一个元素兄弟。 在 while 循环中迭代下一个兄弟姐妹。 检查每个元素的类列表是否包含特定类。 以下是本文示...

要将数字四舍五入到最接近的 10的倍数，请调用 Math.ceil() 函数，将数字除以 10 作为参数传递给它，然后将结果乘以 10，例如 Math.ceil(num / 10) * 10 。 Math.ceil 函数将数字四舍五入为下一个...

JavaScript 将日期四舍五入到最接近的小时： 使用 setMinutes() 方法将日期的分钟数设置为其当前分钟数 + 30。 使用 setMinutes() 方法将分、秒和毫秒设置为 0。 如果在日期上加上 30 分钟会转...

JavaScript 要替换字符串中的所有点： 调用 replaceAll() 方法，将点作为第一个参数传递给它，将替换字符串作为第二个参数传递给它。 replaceAll() 方法返回一个新字符串，其中所有匹配项都...

要替换所有出现的字符串，请使用 replace() 方法，将带有 g （全局搜索）标志的正则表达式传递给它。 例如， str.replace(/old/g, new) 返回一个新字符串，其中所有出现的旧字符串都替换为...