js 实现重置
重置表单数据
在 JavaScript 中，可以通过 HTMLFormElement.reset() 方法重置表单内的所有输入字段到初始值。
document.getElementById("myForm").reset();适用于 <form> 标签内的输入框、下拉框等元素。
重置对象属性
将对象的属性恢复为默认值或空值：
const obj = { name: "John", age: 30 };
function resetObject(target) {
target.name = "";
target.age = 0;
}
resetObject(obj);通过遍历属性或直接赋值实现重置。
重置数组
清空数组或恢复为初始状态：
let arr = [1, 2, 3];
// 方法1：直接赋空数组
arr = [];
// 方法2：修改 length
arr.length = 0;注意直接赋 [] 会创建新数组，而 length=0 会修改原数组。
重置变量
将变量恢复为初始值：
let count = 10;
count = 0; // 重置为初始值适用于基本类型（数字、字符串等）或重新赋值的场景。
重置 CSS 样式
通过 JavaScript 移除内联样式或恢复默认样式：
const element = document.getElementById("myElement");
element.style.color = ""; // 移除特定样式
element.removeAttribute("style"); // 移除所有内联样式也可通过切换类名实现样式重置。
重置定时器
清除并重新设置定时器：
let timer = setTimeout(() => {}, 1000);
clearTimeout(timer); // 清除原有定时器
timer = setTimeout(() => console.log("重置后"), 1000); // 重新设置适用于 setTimeout 或 setInterval 的场景。
注意事项
- 表单重置：
reset()方法仅恢复表单字段的默认值，不会清除用户输入。 - 引用类型：对象或数组的重置需注意是否需深拷贝。
- 性能：频繁重置大对象或数组可能影响性能。
根据实际需求选择合适的方法，结合场景判断是否需要完全重建数据结构或仅修改值。
