迹忆客 专注技术分享

在 React 中对对象数组进行排序： 创建数组的浅拷贝。 调用数组的 `sort()` 方法，传递给它一个函数。 该函数用于定义排序顺序。...

使用扩展语法在 TypeScript 中合并数组，例如 const arr3 = [...arr1, ...arr2]。 扩展语法会将数组的值解包到一个新数组中。 最终数组的类型将反映所提供数组中值的类型。...

使用三元运算符将 NULL 转换为 0，例如 const result = val === null ? 0 : val。 如果该值等于 null，则运算符返回 0，否则返回该值。...

使用 getUTCHours() 方法获取 GMT 时间，例如 new date().getUTCHours()。 该方法根据通用时间返回日期的小时数，通用时间与 GMT 共享相同的当前时间。...

按值对 Map 进行排序： 使用展开语法 `(...)` 获取 Map 条目的数组 在数组上调用 `sort()` 方法 将结果传递给 `Map()` 构造函数 ...

使用 str.zfill() 方法用零填充字符串，例如 result = my_str.zfill(8)。 zfill() 方法用 0 位向左填充字符串以使其具有指定的宽度。...

取 N 个输入：使用 input() 函数获取多个以空格分隔的值。使用 str.split() 函数将值拆分为列表。如果采用数字输入值，则将列表中的字符串转换为整数。...

要打印水平线： 使用乘法运算符 * 将连字符重复 N 次。 使用 print() 函数打印水平线。 例如 print('─' * 25)。...

使用 forEach() 方法在 JavaScript 中过滤 Map。 使用 Map 中的每个键值对调用该方法，我们可以在其中检查条件并使用 delete() 方法删除我们想要过滤掉的任何 Map 元素。...

使用 forEach() 方法在 TypeScript 中迭代集合 Set。 forEach 方法采用一个函数，该函数为 Set 对象中的每个值调用一次。 forEach 方法返回 undefined。...

要在 React 中单击时切换类：在元素上设置 onClick 属性。将活动状态存储在状态变量中。使用三元运算符有条件地添加类。...

要在 React 中为元素设置 data 属性，请直接在元素上设置属性，例如 或使用 setAttribute() 方法，例如 el.setAttribute('data-foo', 'bar')。 我们可以访问事件对象上的元素或...

查看全文

在 React 中反转数组：使用扩展语法 `(...)` 创建数组的浅表副本。在副本上调用 `reverse()` 方法。将结果存储在变量中。...

在 React 中使用 `find()` 方法：在数组上调用 find()。 在每次迭代中，检查元素是否匹配条件。渲染结果。...

使用命名导出来导出 React 中的组件，例如 export function Button() {}。 可以使用名为 import as import {Button} from './another-file.js' 来导入导出的组件。 我们可以在文件中根据需要使用任意数量的命...