ES6でのarray.fromの使い方は何ですか。

1年 ago
優斗, 朝陽
1 minute

ES6では、Array.from()メソッドを使用して、配列に似たオブジェクトや反復可能なオブジェクトを本当の配列に変換することができます。

２つの引数を受け取ります：最初の引数は配列や反復可能なオブジェクトであり、２番目の引数は各要素を処理するためのオプションのマッピング関数です。

Array.from()メソッドを使用した例をいくつか紹介します：

  1. 文字列を配列に変換する。
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ["h", "e", "l", "l", "o"]
  1. DOMコレクションのような配列を配列に変換する:
const divs = document.querySelectorAll('div');
const arr = Array.from(divs);
console.log(arr); // [div, div, div, ...]
  1. 要素を処理するためにマッピング関数を使用します。
const nums = [1, 2, 3, 4];
const squareArr = Array.from(nums, num => num * num);
console.log(squareArr); // [1, 4, 9, 16]

上記の例で、Array.from()メソッドは、文字列、DOMコレクション、および配列を本当の配列に変換し、同時に配列要素を処理するためにマッピング関数を使用することができます。

bannerAds