چگونه می توانم یک شی jQuery رو به یک آرایه JS تبدیل کنم؟

این کدی هست که تا به الان داشتم ازش استفاده می کردم:

checkboxes = document.getElementsByName('foo');

همانطور که می دونید کد بالا یک آرایه بر می گردونه. الان نیاز دارم که المنت های که اسمش foo هست و توی المنت .myclass هستن رو فقط بگیرم. و کد جدید من این هستش:

checkboxes = $('.myclass input[name=foo]');

مشکل اینجاست که این کد دیگه یه آرایه بر نمی گردونه، یه شی jQuery هستش. چطور می تونم اون رو به یه آرایه JS تبدیل کنم؟

ببین اگه خیلی اصرار داری که از jQuery استفاده کنی، می تونی خروجیتو به آرایه تبدیل کنی:

checkboxes = $('.myclass input[name=foo]').toArray();

می تونی هم روش لوپ بزنی اگه لازم داری روی آیتم ها کار دیگه ای هم انجام بدی:

checkboxes = $('.myclass input[name=foo]').map(function(){ return this;}).get();

ولی اگه می خوای با همون وانیلا-جاوا-اسکریپت جلو بری می تونی اینطوری سلکت کنی:

checkboxes = document.querySellectorAll('.myclass input[name=foo]');