vue使用'loadsh'的_.concat()方法，数组始终不正确的原因，当然是你在某个地方又对这个数组使用了变异方法改变了数组的原因了！

最新推荐文章于 2023-01-11 11:41:10 发布
原创 最新推荐文章于 2023-01-11 11:41:10 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue大坑

博主在使用Vue时，用_concat链接数组，控制台却显示数组为空。经排查发现，后续对数组localDown使用了splice方法，该方法会改变原数组，导致控制台输出的是被splice后长度为0的数组，记录此问题备忘。

bug
bug
这个，我用的是_concat链接数组，但是，控制台显示的数组始终为空，抓心挠肺了一下午，才发现，我在后面对数组
localDown用了splice方法…而splice属于变异方法，他会改变原数组，所以，控制台输出的是被splice之后的数组长度为0
这里可能出现了一些无法报错的错误，蛋疼，记录备忘。

React--》学习Lodash：让你的JS代码更加优雅和易于阅读
ztK63LrD的博客
06-18 2288
此时隔壁正在项目实战，为了不打断他的文章连续性，我们把lodash的讲解文章搬到react专栏来进行学习，当然是否用框架或用什么框架都不会影响我们学习的恒心！————
前端面试题八股文汇总（最新）
qq_59079803的博客
05-26 3万+
前言：小伙伴们，本篇文章是博主自己在面试过程中的一些面试题的记录，自己在总结回顾记录的同时希望也能帮助到你们，可以结合对应的知识点去理解和查看！有什么不对的地方欢迎伙伴们指正！大家一起学习 小提示重要！：简历上的内容（项目+技能）自己一定要准备好，防止被问起。 一 、 1.开发中遇到的困难？ 问题：才开始做项目的时候，以为插件使用简单，vue项目中轮播图的使用，swiper插件的使用，查看官方的文档是一定要有节点DOM（相应的结构）渲染出来才会有对应的动态效果。 vue中mounted生命周期函数–&gt
vue method中数组的concat无效甚者报错
千寻的博客
03-02 7006
在 vue中常常将会用到将连个数组进行拼接，可是有的时候concat（["a]）失效甚至报错，采用Array.prototype.call.concat([],[],[])可以有效的解决这样的问题
JavaScript中concat不起作用
求知若渴！大智若愚！
12-23 1万+
//concat()把两个或者多个数组链接在一起，但是不改变已经存在的数组 //而是返回一个链接之后的新数组 var a = [1,2,3]; a.concat([4,5]); console.log(a); //此处输出为 [1, 2, 3]var a = [1,2,3]; a = a.concat([4,5]); console.log(a); //此处输出为 [1, 2, 3 ,4 ,5] /
concat
酱菜管家的专栏
09-04 506
 concatpublic String concat(String str)将指定字符串连接到此字符串的结尾。如果参数字符串的长度为 0，则返回此 String 对象。否则，创建一个新的 String 对象，用来表示由此 String 对象表示的字符序列和参数字符串表示的字符序列连接而成的字符序列。 示例： "cares".concat("s") returns "
数组之concat注意事项-不更改原数组
Annie的博客
02-15 3739
今天又遇到一个bug，最后定位原因是concat使用方法不当。简化代码如下： var postData = { filters:[{ value:[1,2,3] }] } var filters = postData.filters var extra = [{ value:[1] }] var newFilters = filters.concat(extra) co...
Vue——解决console报错问题
月来better
07-31 2170
搭建vue项目，使用ESLint代码规范，导致抛出此错误。 解决console报错方法： 在项目中创建一个 .eslintrc.js 文件 在 .eslintrc.js 文件中写入以下内容： module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential' ], rules: { 'no-console': 'off', }, }
2021前端面试--精难点
weixin_57792333的博客
10-05 2641
前端性能优化是一个大方面的内容，是一个不断地过程；优化包括很多方面比如说代码、用户体验等方面的优化 web性能优化的辅助工具：lighthouse 具体的优化 1. 优化Dom 删除不必要的代码和注释，做到最小化文件； 浏览器的重绘和回流 避免频繁操作样式，最好一次性重写 style 属性，或者将样式列表定义为 class 并一次性更改 class 属性； const el = document.getElementById('root'); el.style.color ="red" el.s
树形json文件扁平化转换码值
weixin_42478537的博客
01-11 365
树形数组扁平化
Lodash初识
qq_59076775的博客
08-14 1244
初始Lodash
vue中数组合并遇到的问题
weixin_43167662的博客
09-08 1025
vue
整理loadsh方法
Null_Bugs的博客
03-28 1107
1、_.chunk(['a','b','c','d'],2)  将以为数组转为多维数组=>[['a','b'],['c','d']]2、_.compact([0,1,false,'',2,3])   排除是假的值=>[1,2,3]3、_.concat()将数组与数组或值连接在一起var array = [1] _.concat(array,[2],0,[[4]])=>[1,2,0...
VUE。JavaScript学习笔记：数组的concat()、slice()和splice()
热门推荐
大啵鱼
06-11 5万+
JavaScript为操作已经包含在数组中的项提供了很多方法。比如push()、pop()、shift()和unshift()实现数组的增删操作、sort()和reverse()对数组项进行排序操作。今天学习操作数组的其他方法：concat()、slice()和splice()。concat()方法concat()方法可以简单的将其理解为合并数组。基于当前数组中的所有项创建一个新数组。简单的说，c...
js中concat不起作用
qq_37212970的博客
05-20 5685
concat() 方法是用于连接两个或多个数组。 arrayObject.concat(arrayX,arrayX,......,arrayX) 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 var a = [1,2,3]; a.concat([4,5]); console.log(a); //a输出为[1, 2, 3] var a = [1,2,3]; a = a.co...
不用concat解决Javascript连接多个数组
啥东西都张罗
03-24 4500
第一种方法就是大家熟知的concat，但是这个方法有一个确定就是该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 如果只是想把一个新数组的元素加到现有数组中，我们还要为其重新赋值，其实存在有一点点资源的浪费。简单的说，我们要为新创建的数组分配新的内存空间，并且把arr1重新指向这个新内存地址，那么原来那个内存中的数组呢，嘿嘿 那就要看浏览器能不能正确回收喽。 如下例：
vue3知识点小计
weixin_53917005的博客
10-14 1083
vue3基础知识点整理
【报错】Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘concat‘)
老衲的少女心i~
07-29 7633
我的vue3笔记
一起学Vue之列表渲染
whyrookie的博客
08-14 190
在Vue开发中，列表数据绑定非常简单易用，本文主要通过一些简单的小例子，讲述v-for的使用方法，仅供学习分享使用，如有不足之处，还请指正。 用 v-for 把一个数组对应为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。如下所示： 1 <ul> 2 <li v-for="fruit in fruits"&g...
Vue解决数组和对象变化不触发视图更新的方法
解决这个问题的方法是使用Vue支持的数组方法，如`splice`： ```javascript this.numbers.splice(index, 1, this.numbers[index] + 1); ``` 这行代码会删除`index`位置的元素，并插入一个新的值，从而触发Vue的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值