ES6:fill()一行代码创建对象元素的二维数组

BBbila

已于 2024-03-06 14:06:56 修改

阅读量590

点赞数

分类专栏：学习笔记 javascript 自习文章标签： es6 前端

于 2022-10-29 12:01:42 首次发布

本文链接：https://blog.csdn.net/qq_40610760/article/details/127585283

版权

学习笔记同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

自习

3 篇文章 0 订阅

订阅专栏

javascript

2 篇文章 0 订阅

订阅专栏

代码：

const initIndexArray: any = Array(16).fill([]).map(() => Array(20).fill({value:''}))

效果：

（题外话：）

如果code过程中：发现给数组的其中一个元素赋值，其他元素也被赋值了，因为数组是引用类型，数组变量存储在栈，元素数据存储在堆中，将数组赋值不同的对象，所以的赋值对象都指向堆同一个数据，所以改变其中一个数组中的元素，别的数组元素也会改变。

解决方案：

const newArr = initGroup.map((element: any[], map_index: number) => {
      if(map_index == lineIndex) {
        const eleObj = JSON.parse(JSON.stringify(element))
        eleObj[index].value = currentValue === 'O' ? 'X' : 'O'
        return eleObj
      }else {
        return element
      }
    });