Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

jQuery функция $.makeArray()

jQuery утилиты

Определение и применение

jQuery функция $.makeArray() позволяет преобразовать массивоподобный объект в JavaScript массив.

Многие методы, как в jQuery, так и в JavaScript в целом, возвращают объекты, подобные массиву. Например, фабричная функция $() возвращает объект jQuery, который имеет много общего с массивами (свойства, оператор доступа к массиву []), но при этом не совсем то же самое, что массив, и не имеет некоторых встроенных методов массива (например, таких как pop() и reverse()).


Обращаю Ваше внимание, что после преобразования с использованием функции $.makeArray() все специальные функции объекта (например, такие как методы jQuery) больше не будут присутствовать (объект будет представлять собой простой JavaScript массив.


jQuery синтаксис:

$.makeArray( obj ) 

obj - PlainObject

Добавлен в версии jQuery

1.2

Значения параметров

ПараметрОписание
objЛюбой объект для преобразования в JavaScript массив.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery метода функции $.makeArray()</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$( document ).ready(function(){
	  $( "button" ).click(function(){ // задаем функцию при нажатиии на элемент <button>
	    // Возвращаем коллекцию NodeList
	    const elems = document.getElementsByTagName( "li" );
	    // Преобразуем NodeList в Array
	    const arr = $.makeArray( elems );
	    // изменяем порядок следования элементов массива (первый элемент массива становится последним, а последний элемент первым)
	    arr.reverse();
	    // вставляем содержимое в конец целевого элемента ul
	    $( arr ).appendTo( "ul" );
	  });
	});
		</script>
	</head>
	<body>
		<button>Reverse</button>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		<ul>
	</body>
</html>

В этом примере с использованием jQuery метода .click() мы при нажатии на элемент <button> (кнопка) вызываем функцию, которая:

Результат нашего примера:

Пример использования jQuery функции $.makeArray().
Пример использования jQuery функции $.makeArray()
jQuery утилиты
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.