Nick Bartlett

I had a need to clone an array with JavaScript. There appears to be a number of different ways to do it, including writing your own function. All of these solutions below will just create a reference to the original array:

var newArray = myArray.slice(0);
var newArray = myArray.concat([]);
var newArray = clone(myArray);

A popular answer using jQuery is the following:

var newArray = jQuery.extend(true, {}, myArray);

However, this solution will return an object and you cannot get the length of an object like you can an array.

To return an array, we change the curly braces to square brackets like so:

var newArray = jQuery.extend(true, [], myArray);

This is the solution that works.

Using Zend_Form, it generated a select element where the selection option had an attribute of selected=”selected” instead of just adding “selected” to the element. The form’s reset button no longer works on this element. Because it’s being generated, I can’t simply change how the attribute is specified in the element, so I used some JavaScript to reset all the form elements when a reset button is clicked. If you have multiple forms and multiple reset buttons, then you’ll need to modify this to point at a specific form’s elements rather than all on a page.

 $("input:reset").click(function(event) {
	 event.preventDefault();
 
	// Whitelist of fields to minimize unintended side effects.
	$(':text, :password, :file, SELECT', 'form').val('');
 
	// De-select any checkboxes, radios and drop-down menus
	$(':input').removeAttr('checked').removeAttr('selected');
	$("select").find('option').removeAttr("selected");
 });