js的reverse（）方法改变原数组导致问题

最新推荐文章于 2024-05-11 01:45:00 发布
最新推荐文章于 2024-05-11 01:45:00 发布
阅读量682 收藏 1
点赞数
文章标签： javascript 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DZY_123/article/details/125182103
版权

要使用原数组的倒序，于是想到了计算属性，但由于自己的失误，没有发现reverse（）会改变原数组，导致问题的出现，

具体表现为：计算属性的historys 数组交替改变顺序

原因：reverse（）方法改变了原数组historyList，所以计算属性historys 跟着变化了

解决方法：

使用展开运算符成立一个新数组，对新数组进行处理

DZY_123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
双向数据绑定导致两个值一起改变。我想保存初始值都没办法。怎么解决？ 深拷贝数组或对象
肖肖肖丽珠的博客
05-21 735
对象或数组的简单赋值，修改新值也会改变原值。这时我们需要获取原值的深拷贝对象。 方法一知道要赋值的是对象还是数组 对于对象，可以通过newObj = JSON.parse(JSON.stringify(obj))实现。 对于数组，可以通过newArr = […arr]或者newArr = arr.slice(0)来实现。 方法二不知道要赋值的数据类型 还有个通用的方法调用一次 ...
js数组赋值改变一个，引发原数组改变问题
qq_873366938的博客
01-05 2509
我们常常在Vue项目中的Data 中会定义很多数据变量，类型也多样。老司机可能轻车熟路，但且有老马失蹄 数组，private cardList:Array<any>=[]; 作为我们常用的一个数据类型，我们真的那么了解它么？很多人在面试时候也会被问到Vue data()中的的Object,Array可以直接赋值修改吗？有什么问题吗？ 要解答这些首先我们要明确一个问题Array在内存中的存储方式 Array ======>> 它指向的是一段内存地址 public
js数组reverse反转竟然改变原来的数组（大坑已填）
生命不息，奋斗不止
02-08 3962
最近写前端代码用到了js的reverse()方法，发现reverse竟然会改变原来的数组。 解决方法：使用slice()方法返回一个子数组，在进行reverse； let array = ['a','b','c','d']; let reverseArr = array.slice().reverse(); 扩展： js数组改变原数组的方法 reverse() 反转数组 pop() 删除最后一个元素 push() 在末尾新增一个元素 sort() 排序 splice（index,number,ne
【JavaScript】内置对象 - 数组对象 ③ ( 数组反转 - reverse 方法 | 数组排序 - sort 方法 | 自定义数组排序规则 )
最新发布
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
05-11 1010
一、数组排序 1、翻转数组元素 - reverse() 2、数组元素排序 - sort() 默认从小到大排序 3、数组元素排序 - sort() 自定义排序规则 4、数组元素排序 - sort() 自定义降序排序简化写法
解决reverse改变原数组
weixin_30296405的博客
10-30 1329
let arr =[1,2,3,4] console.log(arr) //[1,2,3,4] let arr2 = arr; console.log(arr2) //[4,3,2,1] console.log(arr) //[4,3,2,1] reverse():该方法会改变原来的数组，而不会创建新的数组。arrayObject.reverse() 解决办法： l...
JS数组赋值时，原数组和新数组值同时改变
qq_34794527的博客
11-26 3051
写代码的过程中发现，将原数组赋值给新数组时，改变新数组中对象的属性，原数组对象属性也会随之改变，后查过资料发现是引用传递问题
js代码-js数组元素反转 reverse
07-16
`reverse()`方法是JavaScript数组的一个内置方法，它会直接修改原数组，将数组中的元素顺序反转。方法执行后，原数组的第一个元素会变成最后一个，最后一个元素会变成第一个，以此类推。这个方法没有返回值，但会...
js 数组详细操作方法及解析合集
12-11
3. **改变原数组的方法** - **pop()**：删除并返回数组的最后一个元素，例如`let item = a.pop();` - **shift()**：删除并返回数组的第一个元素，例如`let item = a.shift();` - **push()**：在数组末尾添加一个...
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
10-16
- `slice()`：返回数组的一个新副本，不改变原数组。 - `reverse()`：反转数组元素的顺序。 - `forEach()`、`map()`、`filter()`等方法用于遍历和处理数组，实现各种高级操作。 理解并熟练运用这些数组操作方法...
vue踩坑记录之数组定义和赋值问题
10-17
为了解决这个问题，我们可以改变赋值策略，使用数组的`push`方法或者直接用新数组覆盖原有数组。在这个例子中，我们可以改为以下赋值方式： ```javascript this.effective_date = [ this.stamptimeToDate(detail....
详解vue 数组和对象渲染问题
10-17
5. `concat()`: 合并数组，Vue无法检测到，但如果将结果赋值回原数组，视图会更新。 然而，有两类数组操作会导致Vue无法检测到变化： 1. 直接修改数组长度：如`arr.length = newLength`，Vue无法感知这种变化。 2. ...
【JavaScript】reverse() 反转数组
票票的博客
05-06 956
reverse() 反转数组
JS翻转字符串——被reverse()支配的恐惧
YOLO的博客
03-25 1473
JS翻转字符串只需要这样做
js数组或对象赋值修改影响原数组或对象
qq_42834220的博客
01-23 1046
数组赋值：复制而非引用 主要是为了解决对数组复制后修改会影响原数组的问题 let newarr = testarr.slice(0); 对象赋值：复制非引用 主要解决对象问题同上 let form = JSON.parse(JSON.stringify(this.form))
reverse()和sort()会改变原始数组 使用时要谨慎 建议直接解构操作
weixin_69811594的博客
11-29 179
reverse()和sort()会改变原始数组 使用时要谨慎 建议直接解构操作
JavaScrip基础
MiluDeer_Yoyo的博客
11-26 274
内建属性 length 可返回字符串的长度： var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var sln = txt.length; 26 // // 1.请不要把字符串创建为对象。它会拖慢执行速度。 new 关键字使代码复杂化。也可能产生一些意想不到的结果： 当使用 == 相等运算符时，相等字符串是相等的： 2.当使用 === 运算符时，相等字符串是不相等的，因为 === 运算符需要类型和值同时相等。 字符串的处理 1.查找字符串中的字符串 indexOf...
数组顺序转换 reverse()
︶￣城南花已开
09-07 430
reverse() 会改变原数组； let arr = [‘wo’,‘shi’,‘who’,] let newArr = (arr.reverse()); let newArr1 = (arr.reverse()); let newArr2 = (newArr ); // console.log(newArr1) //[‘wo’,‘shi’,‘who’,] // console.log(newArr2) //[‘who’,‘shi’,‘wo’,] ...
js数组常用方法
qq_52845451的博客
09-22 462
数组常用方法小汇总
数组操作 reverse()方法
宝码香车的博客
06-10 9910
reverse()方法可以用于颠倒数组中元素的顺序，最前面的元素会变成最后面的元素。返回：颠倒的原数组。原数组：改变。 提示：如果不想改变原数组，可以复制原数组 var newarr = arr.concat()在这上面进行 反向(newarr.reverse())。 数组操作 reverse() var arr = new Array(3) arr[0] = "George" ...
js数组reverse
09-13
在JavaScript中，数组的reverse方法可以用来颠倒数组元素的顺序。这个方法是在原数组上进行操作的，不会创建新的数组。你可以使用以下示例代码来理解reverse方法的用法： ```javascript var a = [1, 2, 3, 4, 5]; a...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值