JavaScript中清空数组有哪些方法？

本文共计812个文字，预计阅读时间需要4分钟。

目录：Array.prototype.splice() 方法 + length 设置为 0 + 分配新的空数组 + length 之间的差异？

解释：Array.prototype.splice() 方法用于修改数组，通过删除现有元素和/或添加新元素来改变数组的内容。当将数组的 length 属性设置为 0 时，实际上是将数组清空，但不会改变数组的引用。

示例代码：javascriptlet course=['HTML', 'CSS', 'JavaScript'];course.splice(0); // 清空数组console.log(course.length); // 输出：0 注意这里，`course.splice(0)` 会移除数组中的所有元素，因为从索引 0 开始删除，直到数组末尾。由于没有元素被添加，数组的 length 属性变为 0。输出 `console.log(course.length)` 将显示 `0`，表示数组已清空。

目录

• Array.prototype.splice()
• 将 length 设置为 0
• 分配新的空数组
• length = 0和 Array = [] 之间的差异？

Array.prototype.splice()

let course = ['HTML', 'CSS', 'JavaScript'] course.splice(0) console.log(course.length) // 0

注意：此方法会影响其他引用。

let course = ['HTML', 'CSS', 'JavaScript'] let other = course course.splice(0) course // [] other // []

由于 splice() 返回一个已删除项目的数组，您可以通过将结果分配给一个新变量来获取原始数组的副本：

let foo = ['hello', 'world'] // 清空并创建一个 foo 的副本 let bar = foo.splice(0, foo.length) console.log(foo) // [] console.log(bar) // ['hello', 'world']

将 length 设置为 0

将数组的长度设置为零。

let course = ['HTML', 'CSS', 'JavaScript'] course.length = 0 console.log(course) // []

分配新的空数组

let course = ['HTML', 'CSS', 'JavaScript'] course = [] console.log(course.length) // 0

length = 0和 Array = [] 之间的差异？

在大多数情况下，将变量重新分配给空数组是更好的选择。它比调整 length 属性更短、更明确。

但有时，你有一个数组是通过引用分配的，你想让它们保持引用。

假如我们有一个 foo 数组，我们还有一个 bar 变量，我将它的值设置为 foo 数组。

let foo = ['hello', 'world'] // 添加引用 let bar = foo

如果我重新分配 foo 的值为 [] 空数组，bar 变量仍指向分配给它的原始数组。

foo = [] // bar 不受影响 console.log(bar) // ['hello', 'world']

foo = [] 将一个新的数组的引用赋值给变量，其他引用并不受影响。这意味着以前数组的内容被引用的话将依旧存在于内存中，这将导致内存泄漏。

如果我改为 foo.length = 0，删除数组里的所有内容，也将影响到其他引用。

let foo = ['hello', 'world'] let bar = foo foo.length = 0 // `bar` 受影响 console.log(bar) // []

如果数组被声明为常量，则不能将其重新分配给 []。这时我们应该使用 lenght = 0。

const course = ['HTML', 'CSS', 'JavaScript'] course = [] // 会抛出异常："Assignment to constant variable" // 使用 length = 0 course.length = 0

到此这篇关于JavaScript中清空数组的几种方法的文章就介绍到这了,更多相关JavaScript清空数组内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！