js实现清空
清空数组
在JavaScript中,清空数组有多种方法。以下是几种常见的实现方式:
array.length = 0;
这种方法直接将数组的长度设置为0,会立即清空数组内容。这是最高效的方法之一。
array = [];
重新赋值一个空数组。需要注意的是,如果原数组被其他变量引用,那些引用不会受到影响。
array.splice(0, array.length);
使用splice方法从索引0开始删除所有元素。
清空对象
清空JavaScript对象可以通过以下方式实现:
for (let key in obj) { delete obj[key]; }
遍历对象的所有属性并使用delete操作符逐个删除。
Object.keys(obj).forEach(key => delete obj[key]);
使用Object.keys获取所有属性名后批量删除。
obj = {};
直接赋值为新对象。需要注意引用问题。
清空表单
清空HTML表单可以使用以下方法:
document.getElementById("formId").reset();
调用表单的reset()方法会将其重置为初始状态。

Array.from(form.elements).forEach(element => { element.value = ''; });
遍历表单所有元素并清空其值。
清空DOM元素
清空DOM元素内容的方法:
element.innerHTML = '';
将innerHTML设为空字符串是最简单的方法。
while (element.firstChild) { element.removeChild(element.firstChild); }
循环移除所有子节点,性能较好。
element.textContent = '';
适用于只包含文本内容的元素。

清空LocalStorage
清空浏览器本地存储:
localStorage.clear();
清除所有存储在localStorage中的数据。
Object.keys(localStorage).forEach(key => localStorage.removeItem(key));
遍历并逐个删除所有键值对。
清空文件输入
清空文件输入框的方法:
document.getElementById('fileInput').value = '';
直接将文件输入框的值设为空字符串。
清空Set/Map
清空Set和Map集合:
set.clear();
map.clear();
使用内置的clear()方法是最佳选择。






