当前位置:首页 > JavaScript

js实现清空

2026-01-31 21:49:51JavaScript

清空数组的方法

使用 length = 0 可以快速清空数组,这种方法会直接修改原数组。

let arr = [1, 2, 3];
arr.length = 0;
console.log(arr); // []

重新赋值为空数组

将数组重新赋值为 [] 也能实现清空,但需要注意这种方式会创建一个新数组,原数组的引用会丢失。

let arr = [1, 2, 3];
arr = [];
console.log(arr); // []

使用 splice 方法

splice 方法可以从数组中删除元素,通过指定起始索引和删除数量来清空数组。

let arr = [1, 2, 3];
arr.splice(0, arr.length);
console.log(arr); // []

清空对象属性

遍历对象属性并逐个删除可以实现清空对象。

let obj = { a: 1, b: 2 };
for (let key in obj) {
    delete obj[key];
}
console.log(obj); // {}

表单清空

通过获取表单元素并调用 reset 方法可以清空表单内容。

document.getElementById('myForm').reset();

清空输入框

直接设置输入框的 value 为空字符串可以清空内容。

document.getElementById('myInput').value = '';

清空本地存储

使用 localStorage.clear() 可以清空所有本地存储的数据。

localStorage.clear();

清空特定本地存储项

通过 localStorage.removeItem 可以删除指定的本地存储项。

js实现清空

localStorage.removeItem('keyName');

标签: 清空js
分享给朋友:

相关文章

css3结合js制作

css3结合js制作

CSS3 结合 JavaScript 制作动态效果 CSS3 和 JavaScript 结合可以实现丰富的动态效果,包括动画、交互和响应式设计。以下是几种常见的实现方式: CSS3 动画与 Java…

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('image…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…

js实现显示隐藏

js实现显示隐藏

显示隐藏的实现方法 在JavaScript中,实现元素的显示和隐藏可以通过多种方式完成。以下是几种常见的方法: 修改CSS的display属性 通过改变元素的display属性可以在none(隐藏)…

js实现原理

js实现原理

JavaScript 实现原理 JavaScript 是一种解释型语言,其实现原理涉及多个核心组件和运行机制,包括引擎、运行时环境、事件循环等。 引擎与解释执行 现代 JavaScript 引擎(如…