Array.from()

1246 ワード
JavaScript テキストリンク
Array.from()は、類似した配列のオブジェクトまたは重複可能なオブジェクトを浅くコピーすることによって、新しいArrayオブジェクトを作成する方法を示します.
まず何を言っているのか分からない.そこで、まず、アレイのようなオブジェクトと、重複可能なオブジェクトについて説明します.
配列は
let array = [1,2,3];
類似パターンオブジェクト
let arrayLikeObject1= {
	1 : a,
    2 : b,
    3 : c
}
let arrayLikeObject2 = document.querySelectorAll('div')
// NodeList [div, div, div, div, div, ...]
重複可能なオブジェクトは次のとおりです.
반복가능한객체가 여러개 들어있고,  한번에 하나씩 꺼낼수있는객체라한다.
무슨말인지 모르겠다. _다음에 다시 알아보도록하자._
したがって,配列と類似配列を区別する理由は,類似配列に対しては配列の方法が用いられないからである.
array.forEach(function(l) { console.log(l); }); // 1, 2, 3
arrayLikeObject2.forEach(function(li) { console.log(li); });
// Uncaught TypeError: els.forEach is not a function
したがって、類似したアレイでアレイメソッドを使用するには、call、applyを使用する必要があります.
Array.prototype.forEach.call(arrayLikeObject2, function(el) { console.log(el); });
[].forEach.call(els, function(el) { console.log(el); });
困難しかし、もっと良い方法がありました.
Array.from(arrayLikeObject2).forEach(function(el) { console.log(el)});
これにより、類似したアレイでもアレイオブジェクトを使用できます.
[BOJ 2638]チーズ(python)
20210627