Array.fill一个空对象会存在引用问题

最新推荐文章于 2023-04-18 21:23:22 发布
最新推荐文章于 2023-04-18 21:23:22 发布
阅读量738 收藏
点赞数
分类专栏： 前端杂事
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csu_passer/article/details/86513920
版权

背景

为了让一个对象数组按照某个属性分成几份，很快的会写出来这样的代码：

// arr 是对象数组
    filterProductsByType () {
    let container = new Array(productType.length).fill([])
      return arr.reduce((t, c) => {
        switch (c.type) {
          case productType.CIGATETTE:
            t[productType.CIGATETTE].push(c)
            break
          case productType.YOUXUAN:
            t[productType.YOUXUAN].push(c)
            break
          case productType.GROUP_BUY:
            t[productType.GROUP_BUY].push(c)
            break
          case productType.NORMAL:
            t[productType.NORMAL].push(c)
            break
          default:
            t[productType.NORMAL].push(c)
            break
        }
        return t
      }, container)

但是实际上这段代码是不能正常工作的。运行起来发现container里面的每个数组的内容项都是一样的！
因此可以推测container的每个数组项是一个数组的引用…

所以，如果用fill()一个对象会存在引用关系…

不能这么做，那就只能手动初始化container对象了

csu_zipple
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于Arrays.fill问题
我的博客
01-23 311
@Test public void test() { List<Integer>[] routes = new List[100]; List<Integer>[] routes2 = new List[100]; Arrays.fill(routes, new ArrayList<>()); for (int i = 0; i < 100; ++i) { routes2[i] = new ArrayList<Integer
JS Array.prototype.fill 值引用问题
weixin_45543674的博客
03-08 200
Array.prototype.fill = function (value) { const me = this; for (let i = 0; i < me.length; i++) { me[i] = value } return me } const arr = new Array(3).fill(new Array(3).fill(0)) console.log(arr) // [ [ 0, 0, 0 ], [ 0, 0, 0 ], [ 0, 0, 0 ] ] c
Arrays.fill()方法填充二维数组导致的一个引用类型值错误
qq_36785612的博客
07-03 583
Arrays.fill()方法填充二维数组导致的一个引用类型值错误
创建新数组时用fill方法填充引用数据类型的问题
xinbaiyu的博客
02-24 695
问题简述 当我们使用下面代码时会产生一个长度为10的数组 new Array(10).fill([false, false]) 但是由于fill的是一个引用数据类型，会导致填充的所有[false，false]其实指向的都是同一个数组，所以只要改变其中一个剩余九个都会一起跟着改变。下边举个例子 解决方法 var arr = Array.apply(null, {length: 10}).map(() => ([false, false])) 或者 var arr = new Array(10)
Arrays.fill无法用于填充对象类型
Unknownfuture的博客
05-17 535
记录一个bug: List[] edges = new LinkedList[numCourses]; Arrays.fill(edges, new LinkedList<>()); 操作后，edges数组的全部元素都指向同一个LinkedList。而不是独立个体。 原因： Arrays.fill 源码，第二个参数为 Object val ，所做操作也只是循环赋值而已 public static void fill(Object[] a, Object val) { for (
浅谈javascript的Array.prototype.slice.call
10-23
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
js使用Array.prototype.sort()对数组对象排序的方法
10-24
主要介绍了js使用Array.prototype.sort()对数组对象排序的方法,实例分析了Array.prototype.sort()的原理与相关的使用技巧,需要的朋友可以参考下
Array.prototype.slice.apply的使用方法
12-10
代码如下: function test(){　//将参数转为一个数组　var args = Array.prototype.slice.apply(arguments);　alert(args);　} arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来...
Array.prototype.at:符合ES规范的（建议的）shimpolyfillreplacement处的Array.prototype.at，可工作到ES3
05-01
因为Array.prototype.at依赖于接收方（ this值），所以Array.prototype.at要对其进行操作的数组作为第一个参数。 入门 npm install --save array.prototype.at 用法/示例 var at = require ( 'array.prototype.at' ...
array.prototype.silce.call 理解分析
12-12
Array.prototype.slice.call(thisArg[, arg1[, arg2[, …]]])成员介绍： Array 数组对象 prototype [property]是javascript中对象的属性，用来返回对象的原型引用，可以动态的给此添加方法和属性，对象如array,...
js fill函数填充数组或对象的解决方法教程
我的博客，不一样的自我表达
04-18 998
我本来是想创建一个长度为5的数组，数组的每一项都是一个空数组，但是我遇到了一个问题，就是这个数组里面的5个数组其实指向的都是一个数组，即fill函数应该是直接我把传递的参数 [] 进行了赋值，所以我给其中一个数组赋值是，发现所有的数组都有值了，所以想要进行二维数组的初始化，不能这么做；这里先创建一个长度为5，全为0的数组，然后map这个数组，返回一个空数组，此时每个数组就都不一样了，注意：这个fill(0)也是必要的，因为全为空的数组不会执行map函数。返回修改后的原始数组，不创建新数组。
JavaScript 踩坑 —— 使用 Array.fill( ) 填充对象导致的重大问题
qq_30916621的博客
04-10 2066
当我们想使用 Array.fill( ) 来填充一个全是对象的数组时需要特别注意 Array(size).fill({ }) 这样填充创建的数组，里面每一项{ }是`完全相同的`
js fill函数填充数组或对象的问题
brilliantSt的博客
03-24 2453
fill函数填充空数组，结果填充的都是一个数组
js fill内设置引用类型的坑
qzydaqin的博客
10-20 278
当初始化数组调用fill时，如果里面是引用数据类型，被填充的是相同地址下的数组： let arr = new Array(3).fill([0,0]); //[[0,0],[0,0],[0,0]] arr[0][0]=1 console.log(arr) // [[1,0],[1,0],[1,0]]
关于使用ES6中Array.fill遇到的坑
WonderGlans的博客
03-16 447
const length = 2 const dataList = new Array(length).fill([]) dataList[0].push(1) console.log(dataList) // [[1], [1]] 你想去动态改变其中某一项的值，你会发现整个数组里面的值全都变化了，这是因为你忽略了这个方法的一个注意事项： 如果填充的类型为对象，那么被赋值的是同一个内存地址的对象，而不是深拷贝对象。 意思就是说填充的是对象，那么所有被填充的对象都指向同一个地址。所以这里我们需要将dat
关于new Array().fill()的用法
weixin_42780673的博客
03-27 1万+
当我们想借助new Array()生成指定数组长度的假数据的时候，我们可以这样写： const data = new Array(5).map((v, i) => { return { name: "XXX" + i, price: i, category: Math.random() > 0.5 ? '蔬菜' : '水果' } }) console.log...
ES6，Array.fill()函数的用法
weixin_33704234的博客
09-18 620
ES6为Array增加了fill()函数，使用制定的元素填充数组，其实就是用默认内容初始化数组。 该函数有三个参数。 arr.fill(value, start, end) value：填充值。 start：填充起始位置，可以省略。 end：填充结束位置，可以省略，实际结束位置是end-1。   例如： 1.采用一默认值填初始化数组。 const arr1 = [1,...
【工作中遇到的坑总结_2020_12】逻辑与或非、过滤对象、Array.fill()
Lovely Ruby 的手账
12-01 197
第一周 Array.fill 刷题的时候，遇到个坑，已经总结了~ 一句话在总结一下吧，就是如果用 Array.fill() 初始化一个引用类型数据，那么就要小心了，会导致都执行同一个引用类型 解题中有例子！ 矩阵置换解题 ...
Java 数组中new Object[5]语句是否创建了5个对象？
热门推荐
重心开始，重新开始
08-15 1万+
Java 数组的本质是一个Java类，它是通过new语句来实例化，但是这个new语句却不会实例化数组中的对象，我们对它的理解有些偏差。    对于基本类型的数组，在new语句创建数组实例时，会为该数组分配指定长度的内存空间，并把数组的每个元素的初始化为0。那么，引用类型的数组又是如何来创建和初始化这些内存空间的？其实，引用数据类型的数组也会分配指定长度的内存空间，只不过这些内存空间是用来保存
array.fill
最新发布
05-31
`array.fill` 是 JavaScript 中的一个数组方法，用于将数组中的所有元素替换为静态值。该方法的语法为：`array.fill(value[, start[, end]])`，其中 `value` 表示要替换的静态值，`start` 和 `end` 表示要替换的元素...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值