返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript中清空数组的几种方法
  • 922
分享到

JavaScript中清空数组的几种方法

JavaScript清空数组 2023-02-17 12:02:45 922人浏览 薄情痞子
摘要

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

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清空数组内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript中清空数组的几种方法

本文链接: https://lsjlt.com/news/196538.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript中清空数组的几种方法
    目录Array.prototype.splice()将 length 设置为 0分配新的空数组length = 0和 Array = [] 之间的差异?Array.prototype...
    99+
    2023-02-17
    JavaScript清空数组
  • JavaScript中清空数组的三种方法分享
    方式1,splice 复制代码 代码如下: var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输...
    99+
    2022-11-21
    清空数组
  • Python 清空控制台的几种方法
    Python 清空控制台的几种方法 我们在写代码的时候经常会发现:当Python控制台输入过多的Python语句时,有时需要将这些已经输入的语句和执行结果清空,并重新开始输入Python语句。我们不再...
    99+
    2023-09-15
    python 开发语言 pycharm
  • 阿里云数据库清空方法有几种
    简介 在使用阿里云数据库时,有时候需要对数据库中的数据进行清空操作,以实现数据的清理和整理。本文将介绍几种常见的阿里云数据库清空方法,帮助用户快速清空数据库中的数据。方法一:使用 SQL 命令清空数据通过 SQL 命令可以直接对数据库中的表...
    99+
    2024-01-15
    阿里 几种 清空
  • Mysql空间清理的几种具体方法
    目录前言1.查看文件磁盘占用1.1 查看磁盘空间占用1.2 查看目录空间占用2.Binlog日志清理2.1.定时自动清理Binlog日志2.2 手动删除Binlog日志2.3.Slo...
    99+
    2024-04-02
  • Javascript数组去重的几种方法详解
    目录数组去重1 双层for循环(类似冒泡排序的双层循环写法)2 循环和indexof、循环和includes3 利用对象属性不能重复去重4 ES6 Set5 ES6 Array. p...
    99+
    2024-04-02
  • JavaScript数组去重的几种方法详谈
    目录一、Set去重二、双重for循环去重三、利用indexOf去重四、利用icludes去重五、filter六、Map总结一、Set去重 function funSet(arr...
    99+
    2024-04-02
  • JavaScript判断数组成员的几种方法
    目录indexOf()incudes()find()与findIndex()find()findIndex()对于NaN值最后前言: 在开发中经常需要我们在数组中查找元素又或者是判断...
    99+
    2022-11-13
    JavaScript判断数组成员方法 JavaScript判断数组成员
  • JavaScript中怎么清空数组
    本篇文章为大家展示了JavaScript中怎么清空数组,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。将其分配给一个空数组你可以通过将变量分配给一个空数组([])来清...
    99+
    2024-04-02
  • 如何在JavaScript中使用splice()方法清空数组
    这篇文章将为大家详细讲解有关如何在JavaScript中使用splice()方法清空数组,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript是什么JS是JavaScript的简...
    99+
    2023-06-14
  • vue清空数组的几个方式(小结)
    目录1. 前言 2. 清空数据的几种方式 2.1 使用ref() 2.2 使用slice 2.3 length赋值为0 2.4 使用splice 3. 总结 1. 前言 前两天在工...
    99+
    2024-04-02
  • JavaScript中数组赋值有几种方式
    在JavaScript中,数组赋值有以下几种方式:1. 直接赋值:可以通过将一个数组赋给另一个数组来直接赋值。例如:```javas...
    99+
    2023-09-05
    javascript
  • 怎么在JavaScript中清空数组
    这期内容当中小编将会给大家带来有关怎么在JavaScript中清空数组,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。JavaScript的作用是什么1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出...
    99+
    2023-06-14
  • Python中数组的几种使用方法
    二维数组的初始化 matirx_done = [[0 for i in range(0, len(matirx))]for j in range(0, len(matirx[0]))] 就将其初始化为一个与matrix相同大小...
    99+
    2023-01-31
    几种 数组 使用方法
  • 关于JavaScript数组对象去重的几种方法
    数组对象如下: let repeatData = [ { id: 1, name: 'sun', age: 18 }, { id: 1, name: ...
    99+
    2023-05-17
    JavaScript数组去重 js数组对象去重
  • javascript中object方法有几种
    这篇文章主要介绍javascript中object方法有几种,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript中object方法:assign()、create()、entries()、freeze(...
    99+
    2023-06-14
  • 如何清空git远程库?几种方法详解
    随着软件开发的不断发展,Git已成为广大开发者的首选版本控制工具。然而,Git远程仓库的管理也是开发过程中不可忽视的一部分。当我们需要从远程库中移除一些不需要的文件或分支时,如何清空Git远程库?本文将详细介绍几种方法供参考。一、删除远程分...
    99+
    2023-10-22
  • Go语言实践:清空文件内容的几种方法
    go语言清空文件内容有以下几种方法:使用ioutil.truncate函数截断文件。使用os.truncate函数直接操作文件描述符。使用ftruncate系统调用直接截断文件。 Go...
    99+
    2024-04-03
    go语言 文件操作
  • javascript中有几种打印方法
    这篇文章主要讲解了“javascript中有几种打印方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript中有几种打印方法”吧! ...
    99+
    2024-04-02
  • JavaScript如何清空一个数组
    小编给大家分享一下JavaScript如何清空一个数组,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!清空一个数组var ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作