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

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

jQuery функция $.merge() позволяет объединить содержимое двух массивов в один массив.

jQuery синтаксис:

Синтаксис 1.0:

JavaScript
$.merge( first, second )

first - ArrayLikeObject

second - ArrayLikeObject

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

1.0

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

Параметр Описание
first Массивоподобный объект для слияния, элементы второго объекта будут добавлены к этому объекту. Содержимое объекта изменяется после слияния.
second Второй массивоподобный объект, элементы которого будут добавлены к первому объекту. Содержимое объекта не изменяется после слияния.

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

Функция $.merge() — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 4.0.0.

index.html
HTML
<p>Результат выполнения выводится в консоль под примером.</p>
main.js
JavaScript
// создаем новый пустой массив и объединяем в нем содержимое другого массива (клонируем массив)
var oldArray = [1, 2, 3]
var newArray = $.merge([], oldArray)
console.log(newArray) // [1, 2, 3]

// объединяем два массива в первый массив
var newArray = $.merge([1, 2, 3], [4, 5, 6])
console.log(newArray) // [1, 2, 3, 4, 5, 6]

// объединяем два массива в новый массив (не изменяя переменные)
var first = [1, 2, 3]
var second = [4, 5, 6]
var newArray = $.merge($.merge([], first), second) // дублируем вызов функции merge
console.log(newArray) // [1, 2, 3, 4, 5, 6]

// объединение массивов, используя нативный спрэд оператор (современный стандарт ES6)
var first = [1, 2, 3]
var second = [4, 5, 6]
var newArray = [...first, ...second]
console.log(newArray) // [1, 2, 3, 4, 5, 6]

// объединяем два массива в первый массив, используя нативный спрэд оператор (современный стандарт ES6)
var first = [1, 2, 3]
var second = [4, 5, 6]
first = [...first, ...second]
console.log(first) // [1, 2, 3, 4, 5, 6]
style.css
CSS
body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}