迹忆客 专注技术分享

当我们尝试更改已冻结对象的属性或使用 Object.defineProperties() 定义属性时，会发生错误Cannot assign to read only property of Object。 要解决该错误，需要创建对象或数组的副本，或将属性设置为...

将 String.split() 方法与数组解构结合使用，仅在字符第一次出现时拆分字符串。 数组解构语法将字符串的两个部分捕获在单独的变量中。 const str = fql-jiyik-com ; const [first, ...rest] = str. sp...

出现Cannot read properties of null (reading X)错误的主要原因有 3 个： 访问存储空值的变量的属性。 访问不存在的 DOM 元素的属性。 在声明 DOM 元素的 HTML 上方插入 JS 脚本标记。 如果大家尝试...

在 JavaScript 中将对象推送到数组 使用 Array.push() 方法将对象推送到数组，例如 arr.push(object); 。 Array.push() 方法会将提供的对象推送到数组的末尾。 const arr = []; const obj = { name : Tom };arr....

要在 React 中重置文件输入，请在 handleChange 函数中将输入的值设置为 null，例如 event.target.value = null 。 将元素的值属性设置为 null 会重置文件输入。 const App = () = { const handleFileChange =...

在 React 中处理 div 元素上的 onScroll 事件 在 React 中处理 onScroll 事件： 在元素上设置 onScroll 属性以监听滚动事件。 提供事件处理函数。 访问 event.currentTarget.scrollTop 属性以获取元素垂直...

在这篇简短的文章中，我们将向大家展示如何在 JavaScript 中检查对象是否为空。 在日常的 JavaScript 开发中，我们可能需要检查对象是否为空。 如果我们不得不这样做，可能知道没有单...

在 React 中检查一个元素是否包含一个类： 在元素上设置 ref 属性。 在 ref 对象上使用 classList.contains() 方法来检查该类是否存在。 如果元素的类列表包含该类，则该方法返回 true 。 im...

在 JavaScript 中对集合进行排序： 使用 Array.from() 方法将 Set 转换为数组。 使用 Array.sort() 方法对数组进行排序。 将数组转换回 Set 集合对象。 // ✅ Sort a Set containing Strings const set1 = new...

JavaScript 中合并 Map 对象： 使用扩展语法 ... 将两个或多个 Map 对象的值解包到一个数组中。 将数组传递给 Map() 构造函数。 新的 Map 将包含来自所有提供的 Map 对象的键值对。 const map1...

使用 replaceAll() 方法在字符串中的每个逗号后添加一个空格，例如 str.replaceAll(,, , ) 。 replaceAll() 方法将返回一个新字符串，其中出现的所有逗号都将替换为一个逗号和一个空格。 const...

使用 replace() 方法在字符串中的大写字母前插入一个空格，例如 str.replace(/[A-Z]/g, $).trim() 。 replace 方法将返回一个新字符串，其中每个大写字母都被大写字母前的空格替换。 const str =...

将不存在的元素压入数组： 使用 Array.includes() 方法检查该值是否存在于数组中。 如果值尚不存在，请使用 Array.push() 方法将值推送到数组中。 // ✅ With primitives const arr1 = [ a , b , c , d...

使用 repeat() 方法向字符串添加多个空格，例如 str + .repeat(3) 。 空格重复指定的次数并添加到字符串中。 const str = baz ; // ✅ add spaces to end const padEnd = str + . repeat ( 3 ); console . log (padEnd)...

要检查 span 元素是否包含特定文本： 使用元素的 textContent 属性获取元素及其后代的文本内容。 使用 includes() 方法检查特定文本是否包含在范围内。 如果是，则 includes() 方法返回 true...