当前位置:首页 > JavaScript

js实现清空

2026-03-13 19:52:43JavaScript

清空数组的方法

使用 length = 0 可以直接清空数组,这是最高效的方式。

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

重新赋值为空数组

将变量重新赋值为一个新的空数组,适用于 const 声明的数组。

const arr = [1, 2, 3];
arr = []; // 会报错
let arr2 = [1, 2, 3];
arr2 = [];
console.log(arr2); // []

使用 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); // {}

清空表单输入

通过设置 value 属性为空字符串,可以清空表单输入框。

js实现清空

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

清空 localStorage

使用 clear 方法可以清空所有 localStorage 数据。

localStorage.clear();

清空 sessionStorage

使用 clear 方法可以清空所有 sessionStorage 数据。

sessionStorage.clear();

清空 DOM 元素内容

设置 innerHTML 为空字符串可以清空 DOM 元素的内容。

document.getElementById('elementId').innerHTML = '';

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

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的JWT令牌…

js实现交换

js实现交换

交换变量的方法 在JavaScript中,交换两个变量的值有多种方法。以下是常见的几种实现方式: 使用临时变量 通过引入一个临时变量来存储其中一个变量的值,实现交换: let a = 1; le…