当前位置:首页 > 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 方法可以从数组中删除元素,通过指定起始索引和删除数量来清空数组。

js实现清空

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 方法可以清空表单内容。

js实现清空

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

清空输入框

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

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

清空本地存储

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

localStorage.clear();

清空特定本地存储项

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

localStorage.removeItem('keyName');

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

相关文章

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的cur…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码 fun…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text {…