Not able to push elements from one array to another array in jquery

Question

I have a line of code which is trying to push elements from one array to another array.

var criArray=[];
jQuery('form').find(':input[name=criteria]').toArray().each(
    function(val) {
        criArray.push(jQuery(val).val())
    }
);

When I load the page, in browser console, I am getting below error at this line.

Uncaught TypeError: undefined is not a function.

I am clueless of ways to push elements to array as I tried many answers from my google search. Can someone help me on this?

Answer 1

You can use .map() to do this

var criArray = jQuery('form').find(':input[name=criteria]').map(function () {
    return jQuery(this).val();
}).get();

The problem is .toArray() returns an array object which does not have the .each() method, you could use .forEach() instead