昨天想要初始化一个动态二维数组，竟然想不起要怎么做，只想到了最笨的方法，两个for循环new Array，不行，这肯定不能满足我对代码质量有追求的人，于是我尝试了几种方式，最后发现Array.from竟然可以帮助我做到这一点

原文地址

你不知道的Array.from | GitHub

解决方法：

• 方法1：两层for循环

• 方法2：Array.from

let b = Array.from({length:2},()=>[])

Array.from定义：从可迭代或类数组对象创建一个新的浅拷贝的数组实例** 参数：arraylike, (item,index)=>{}, this

参考链接

//Set变数组 去重
Array.from(new Set(["foo", "bar", "baz", "foo"]));//["foo", "bar"]

//Map变数组
const map = new Map([
  [1, 2],
  [2, 4],
  [4, 8],
]);
Array.from(map);// [[1, 2], [2, 4], [4, 8]]
const mapper = new Map([
  ["1", "a"],
  ["2", "b"],
]);
Array.from(mapper.values());// ['a', 'b'];
Array.from(mapper.keys());// ['1', '2'];

// 根据 DOM 元素的属性创建一个数组
const images = document.querySelectorAll("img");
const sources = Array.from(images, (image) => image.src);
const insecureSources = sources.filter((link) => link.startsWith("http://"));

//从类数组对象构建数组（arguments）
function f() {
  return Array.from(arguments);
}
f(1, 2, 3);// [ 1, 2, 3 ]

//使用箭头函数和 Array.from()
Array.from([1, 2, 3], (x) => x + x);// [2, 4, 6]
Array.from({ length: 5 }, (v, i) => i);// [0, 1, 2, 3, 4]

错误示例：

数组的fill方法传入对象时，会传入地址，因此会导致元素都指向相同的地址，导致初始化出错

let a = new Array(3).fill(new Array(3).fill(0));