js数组的length=0和直接赋值[ ],区别？

最新推荐文章于 2023-11-26 08:50:25 发布
最新推荐文章于 2023-11-26 08:50:25 发布
阅读量828 收藏 1
点赞数 3
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zg132922/article/details/130742229
版权
文章讨论了两种清空数组的方法——将length属性设为0和直接赋值为[]。使用length=0会保留原始数组引用，适合于需要节省内存的情况，但在多组件共享数组时可能导致数据不更新问题，例如在el-select组件中进行服务器搜索数据时可能出现的问题。
摘要由CSDN通过智能技术生成

在清空数组时，可选择 直接赋值为 [ ]，但也可以利用 数组中 length 的属性，其实这两种都可以实现数组清空。

在往细分的话  假设使用 length=0，来清空数组的话，是把数组 截（斩）断  到  0  个元素，好处是还可以保留对原始数组的引用，缓存数组不需要重新分配内存时用，

而使用   数组赋值 [ ] 的话，实际上重新分配了一个新的空数组,

如果两个组件或者多个组件用的一个数组的话，那清空数组时就不应该用length=0，因为length=0保留对原始数组的引用，并没有重新分配内存，就会造成以组件内的数据不更新  在用  el-select  做从服务器搜索数据，输入关键字进行查找时发现。

妖铃铃铃妖
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
js代码-将数组中的0替换为空
07-14
总的来说，这个知识点涉及到了JavaScript数组操作、条件判断、函数回调、对象操作等多个方面，是日常编程中常见的数据处理场景。了解并熟练掌握这些技巧，能帮助开发者更高效地处理各种数组数据。
JS 数组基本用法入门示例解析
11-21
在JS中，创建数组主要有两种方法：直接赋值和使用`Array`构造函数。 1. 直接赋值创建数组： ```javascript var arr = [5]; // 创建一个包含数字5的数组 var arr = [true]; // 创建一个包含布尔值true的数组 ```...
Array=[]与Array.length=0的区别
CSDN_KONGlX的博客
03-31 253
Array=[]与Array.length=0的区别 可以画出下图。 得出结论：1、foo=[]实质上是创建了一个新数组，并将foo指向它，而bar.length=0操作的是原数组2、foo2=foo，foo2指向[1,2,3]不是通过先指向foo，而是直接指向这块内存，如果foo的指向发生变化，foo2的指向不变 来源：https://blog.csdn.net/sky1679/artic...
js数组length为0_Educoder JavaScript 数组学习
weixin_29945371的博客
12-14 1133
1)本关任务：掌握创建数组的方法，获取数组的元素和长度。已知两个数组array1和array2，参数a是一个整数，先判断a的值与数组array1的长度值相等，如果相等，返回数组array1的最后一个元素，反之，则返回数组array2的最后一个元素；****解析：var array1 = [1,2,3,“js”,4,true,“hello”];var array2 = [true,true,“jav...
解析 JS 数组设置length=0可以清空数组原因
SeriousSnow的博客
03-22 5058
之前发现 js数组设置 length = 0可以清空数组。。。感觉有点蛋疼。。就想折腾下v8源码看看。。 var arr = []; arr.push(1); 打印下arr的信息 0x32ffdb88161: [JSArray] - map: 0x032f89a02d99 <Map(PACKED_SMI_ELEMENTS)> [FastProperties] - protot...
设置数组的length=0和直接设置数组为空数组的区别
感恩、奋进、自信
11-28 1608
设置数组的length=0和直接设置数组为空数组的区别 比如： aa = [1,2] bb = [3,4] cc = aa dd = bb aa = [] / / aa重新指向另一个内存地址，而cc指向的aa初始化时的地址没变 bb.length = 0 // bb 还是指向初始化时内存地址 console.log(aa, bb, cc, dd) [],[],[3,4],[] ...
向数组中添加数据但length打印为0?
zm_miner的博客
11-08 1万+
最近写项目时, 遇到了一个问题, 我明明 向数组中push了数据, 但是打印的时候为[]数组, 并且其长度为0 看代码 先来看这种情况 很正常对吧, 往数组中push一组数据, 长度为1 往下看 static propTypes = { } constructor() { super(); this.state = { arr: [], ...
vue 数组和对象不能直接赋值情况和解决方法(推荐)
08-29
Vue 数组和对象不能直接赋值情况和解决方法 Vue 中的数组和对象不能直接赋值是因为 Vue 无法检测到数组和对象的变化，这会导致数据更新不正确。下面将详细介绍 Vue 数组和对象不能直接赋值的情况和解决方法。 Vue...
JavaScript数组Array对象增加和删除元素方法总结
12-10
本文将深入探讨JavaScript数组中用于增加和删除元素的方法，以便更好地理解和运用这些功能。 1. pop() 方法： pop() 方法从数组的末尾移除最后一个元素，并将其返回。如果数组为空，调用pop()将返回undefined。以下...
js二维数组定义和初始化的三种方法总结
12-10
本文将详细介绍JavaScript中定义和初始化二维数组的三种方法。 **方法一：直接定义并初始化** 这种方法适用于数组元素数量较少的情况。例如： ```javascript var _TheArray = [["0-1", "0-2"], ["1-1", "1-2"], ...
[].length = 0
mvc360的专栏
08-03 742
置空数组有两种方法：
数组为空，数组长度为零的区别
最新发布
2302_79523175的博客
11-26 514
虚拟机没有为s1这个数组开辟内存，s1不指向任何地方，没有长度，调用s1.length()会报错！总结：在数组为空时，系统在运行时可能报空指针异常，因此在对数组进行数据处理时要。系统为s2在栈内存中开辟了位置，s2不为空，长度为0，s2指向null。，再进行下一步的操作。
清空数组array.length=0
jieweiwujie的博客
07-08 274
清空数组array.length=0
JavaScript Array用法
qq_43098249的博客
12-11 821
数组的操作 var arr = [ 1,2,77,8,4,5 ]; 添加、删除 arr.length = 0; //清空数组的方法，让length等于0； arr = []; //从新赋值一个空数组，清空 arr.unshift( 0 ); //向数组的第一位添加内容 arr.push( n ); //向数组最后一位添加内容 arr.shift();// 删除数组的第一位,返回被删除值 arr.pop(); //删除数组的最后一位，返回被删除值 arr.splice( 1 , 2 );// 删除类
JS数组学习之清空全部元素的4种方法（代码详解）
热门推荐
u012732909的博客
10-21 3万+
数组是JavaScript中的十分常用且重要的数据类型，而删除数组元素是一种常见的数组操作，JavaScript中内置了很多用于删除数组元素的函数，因此删除数组元素对我们来说并不难。那么删除数组元素的进阶版--清空数组要如何实现呢？今天我们就来一起了解下JS数组清空全部元素的方法。 本篇文章我们给大家介绍4种JS中清空数组的方法，通过代码实例来具体看看清空数组（删除数组全部元素）要如何操作。 【推荐学习：javascript高级教程】 方法1：直接赋予空数组[] var arr=new Arr
Vue.js中数组的两个奇葩操作，list.length=0作清空、利用下标去改值均不起作用？
e5132712的博客
05-05 1791
Vue.js中数组的两个奇葩操作，list.length=0作清空、利用下标去改值均不起作用？一、 两个奇葩操作二、解决（替换）方法 一、 两个奇葩操作 定义数组为list，要想让list里的内容清空，脑子里的代码是不是 ： list.length=0 ,我们来试一下： 这是原始代码，往list里添加了a、b。 <body> <div id="app"> {{list}} </div> <script> var
Vue踩坑之路之Vue Watch方法不能监听到数组或对象值的改变
星海拾遗
10-29 1万+
面试官问过我一个问题：你知不知道Vue不能监听到数组或者对象属性值的变化，有什么解决办法？ 其实后来查出原理我都懂，还是挂在自己理解不深刻，脑海里没有一套完整的知识体系吧。 如果当时面试官把问题分成两个来问我 一：Vue的双向绑定原理 答：利用数据劫持和发布者-订阅者模式监听数据值的变化，并且利用Object.defineproperty来重新定义对象的Get和Set方法。 二：那Vue...
JavaScript数组有值，但是长度为0
Saltimbanque的博客
12-18 1万+
JavaScript数组有值，但是长度为0 代码 打印如图 原因 遇到这种情况，基本上都是一点，你的数组数据来源是异步请求产生的（例如 ajax/axios ），就比如你在ajax的success回调中没有直接使用这个数据，而是赋予了一个全局变量，你此时在ajax的下方打印这个全局变量，便会出现上面的数组有值而长度为0的状况，如图 如此现象呢就是因为你的异步请求还在请求过程中，但是你的代码已经...
js多维数组中找到指定元素并赋值
06-02
可以使用循环遍历多维数组，找到指定元素后进行赋值操作。以下是一个示例代码： ```javascript function findAndAssign(arr, target, newValue) { for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { findAndAssign(arr[i], target, newValue); // 递归处理子数组 } else if (arr[i] === target) { arr[i] = newValue; // 找到目标元素并进行赋值操作 } } } ``` 使用示例： ```javascript const arr = [ [1, 2, 3], [4, 5, [6, 7]], [8, [9, 10, [11, 12]]], ]; findAndAssign(arr, 7, 777); // 将 7 替换为 777 console.log(arr); // 输出 [[1, 2, 3], [4, 5, [6, 777]], [8, [9, 10, [11, 12]]]] ``` 在这个示例中，我们将多维数组中的 7 替换为 777。函数 `findAndAssign` 会遍历整个数组，如果遇到子数组，则进行递归处理。如果找到目标元素，则进行赋值操作。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值