JSFiddle - React, Tailwind, and code Playground

by mejileben

HTML

<div class='prg-hogehoge'>
  <div class='prg-item' data-item='A'>
  </div>
  <div class='prg-item' data-item='B'>
  </div>
  <div class='prg-item' data-item='C'>
  </div>
</div>

JavaScript

var hogehoge = $('.prg-hogehoge');
var items    = hogehoge.find('.prg-item');

// 配列以外のオブジェクトに対してMapを実行する手段
[].map.call(items, elem => console.log($(elem).data('item')));
[].map.call(items, elem => console.log($(elem)));
// items[0]でElementsを呼び出せてしまうのでこれが成立する
// 同様のロジックでStringに対してもMapができる
console.log(items[0]);

// jQuery.mapはもともと存在して、arrayをMapするだけの関数
// http://api.jquery.com/jquery.map/
items.map(elem => console.log($(elem).data('item')));
items.map(elem => console.log($(elem)));
console.log(items.map);

// こうすると配列が完成するのはMap関数の仕様
console.log([].map.call(items, elem => $(elem).data('item')));