JS数组学习之清空全部元素的4种方法（代码详解）

数组是JavaScript中的十分常用且重要的数据类型，而删除数组元素是一种常见的数组操作，JavaScript中内置了很多用于删除数组元素的函数，因此删除数组元素对我们来说并不难。那么删除数组元素的进阶版--清空数组要如何实现呢？今天我们就来一起了解下JS数组清空全部元素的方法。

本篇文章我们给大家介绍4种JS中清空数组的方法，通过代码实例来具体看看清空数组（删除数组全部元素）要如何操作。

【推荐学习：javascript高级教程】

方法1：直接赋予空数组[]

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr=[];
console.log(arr);

输出结果：

这种方法并不是严格意义的清空数组，只是将arr重新赋值为空数组。

方法2：利用length属性将数组长度设置为0

length属性可设置或返回数组长度。当length属性的值小于数组本身的长度，数组中后面的元素将被截断；如果length属性的值为0，则可以清空整个数组。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.length=0;
console.log(arr);

输出结果：

当length属性的值大于本身的长度，将扩展数组长度，多的元素为undefined。

方法3：使用splice()删除全部数组元素

使用splice()方法可以删除指定下标位置后一个或多个数组元素。只需要指定splice()方法从第一个数组元素开始，需要删除元素的个数为arr.length即可清空数组。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.splice(0,arr.length);
console.log(arr);

输出结果：

方法4：使用delete运算符

delete 运算符可以用来删除指定下标的数组元素，删除后的元素为空位元素，删除数组长度不变。

利用delete 运算符和循环语句可以实现清空数组

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
for(var i=0;i<=arr.length;i++){
delete arr[i];
}
console.log(arr);

输出结果：

JS数组学习之清空全部元素的4种方法（代码详解）相关推荐

html元素自己属性代码,jQuery如何操作HTML的元素和属性？（代码详解例）
本篇文章给大家带来的内容是介绍jQuery如何操作HTML的元素和属性?(代码详解例),让大家了解jQuery操作元素和属性的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 1 ...
js 浅拷贝直接赋值_JS中实现浅拷贝和深拷贝的代码详解
(一)JS中基本类型和引用类型 JavaScript的变量中包含两种类型的值:基本类型值和引用类型值,在内存中的表现形式在于:前者是存储在栈中的一些简单的数据段,后者则是保存在堆内存中的一个对象. ...
java 获取js html_JS获取网页中HTML元素的几种方法
编写js程序的时候最常使用的就是获取网页中的html元素,并进行处理,我在网上发现了一篇获取html对象的几种方法进行整理的帖子,发上来大家一块学习~ getElementById getElemen ...
SLAM学习笔记（二十）LIO-SAM流程及代码详解（最全）
写在前面关于安装配置,博客LIO_SAM实测运行,论文学习及代码注释[附对应google driver数据] 我觉得已经写的比较完善了.但是我觉得在注释方面,这位博主写的还不够完善,因此在学习以后, ...
js中用tagname和id获取元素的3种方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
poj 2352 Stars 线段树(先建后查/边建边查)/树状数组三种方法思路详解,带你深入了解线段树难度⭐⭐⭐★
poj 2352 Stars 目录 poj 2352 Stars 1.树状数组 2.线段树,先建树后查找 3.线段树,边建树边查找 Description Astronomers often exam ...
【案例学习】使用ThreadLocal计算Java接口执行时间（代码详解）
[辰兮要努力]:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行! 博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端.后台.数据 ...
js 数组添加n次相同元素_数组中两次出现相同元素之间的最大距离
js 数组添加n次相同元素 Prerequisite: Hashing data structure 先决条件: 哈希数据结构 Problem statement: 问题陈述: Find maximu ...
JS数组移除元素的八种方法
JS数组移除元素的八种方法一.修改arr的length方法 let arr = [1,2,3,4,5,6,7,8,9]; arr.length = 3; console.log('length',a ...

JS数组学习之清空全部元素的4种方法（代码详解）

JS数组学习之清空全部元素的4种方法（代码详解）相关推荐

最新文章

热门文章