当前位置:首页 > 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
分享给朋友:

相关文章

vue实现js休眠

vue实现js休眠

Vue 中实现 JavaScript 休眠 在 Vue 中实现 JavaScript 休眠通常需要使用异步方式,以避免阻塞主线程。以下是几种常见方法: 使用 setTimeout 和 Promise…

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…