конкатенация массивов в javascript

Здравствуйте, ребята, сегодня я покажу вам, как использовать встроенный метод массивов concat в javascript.

Что такое метод concat?

Concat используется для объединения двух или более массивов и всегда возвращает новый массив, а не изменяет исходные массивы.

Пример — 1

const array1 = [1,2,3,4,5,6];
const array2 = ["A","B","C","D"];

const array1ToArray2 = array1.concat(array2)
const array2ToArray1 = array2.concat(array1)

console.log(array1ToArray2)
console.log(array2ToArray1)
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

[
  1, 2,   3,   4,   5,
  6, 'A', 'B', 'C', 'D'
]
[
  'A', 'B', 'C', 'D', 1,
  2,   3,   4,   5,   6
]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Как вы видите, мы объединили два массива, один из которых объединил массив1 в массив2, а второй — массив2 в массив1.

Пример 2 —

const array1 = [1,2,3,4,5,6];
const array2d = [[1,2],[3,4],[[5,6],[7,8]]];

const array1To2dArray = array1.concat(array2d)

console.log(array1To2dArray);
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

[ 1, 2, 3, 4, 5, 6, [ 1, 2 ], [ 3, 4 ], [ [ 5, 6 ], [ 7, 8 ] ] ]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Мы объединили массив1 с 2-мерным массивом.

Пример 3 —

const array1 = [1,2,3,4,5,6];

const separateConcatening = array1.concat(7,8,9,"E","F",true,false,null,undefined,
[10,11,"G","H"],{name:"shubham",age:21},12.967)

console.log(separateConcatening)
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

[1,2,3,4,5,6,7,8,9,'E','F',true,false,null,undefined,
  10,11,'G','H',{ name: 'shubham', age: 21 },12.967
]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Здесь мы объединили массив array1 с отдельными элементами различных типов данных, таких как строки, числа, float, boolean, null, undefined, array, object.

Пример — 4

const array1 = [1,2,3,4,5,6];
const array2 = ["A","B","C","D"];
const array2d = [[1,2],[3,4],[[5,6],[7,8]]];

const concatArray = (...args) => {
  return args.flat(Infinity)
}

console.log(concatArray([1,2,3,4],[5,6,7,8],array1,array2,array2d))
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

[
  1,   2,   3, 4, 5, 6, 7,   8,
  1,   2,   3, 4, 5, 6, 'A', 'B',
  'C', 'D', 1, 2, 3, 4, 5,   6,
  7,   8
]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Мы создали функцию arrow, которая принимает аргумент в качестве остального параметра, так что мы можем передать ей любое количество массивов.
  • Затем, используя метод array flat(), мы сплющили те массивы, которые являются двумерными, и возвращаемый результат будет представлять собой одномерный массив.

Пример — 5

const array1 = [1,2,3,4,5,6];

const array1ToArray1 = array1.concat(array1)

console.log(array1ToArray1)
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

[
  1, 2, 3, 4, 5,
  6, 1, 2, 3, 4,
  5, 6
]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Здесь мы объединили массив1 с самим собой.

Пример — 6

const array1 = [1,2,3,4,5,6];
const array2 = ["A","B","C","D"];
const array2d = [[1,2],[3,4],[[5,6],[7,8]]];

const array1ToMultiple = array1.concat(array1,array2,array2d)
console.log(array1ToMultiple)
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

[1,2,3,4,5,6,1,2,3,4,5,6,'A', 'B', 'C', 'D',[ 1, 2 ],
  [ 3, 4 ],
  [ [ 5, 6 ], [ 7, 8 ] ]]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Мы также можем объединить несколько массивов, передав их в метод concat.

СПАСИБО, ЧТО ПРОВЕРИЛИ ЭТОТ ПОСТ

Вы можете связаться со мной на —
Instagram — https://www.instagram.com/supremacism__shubh/
LinkedIn — https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email — shubhmtiwri00@gmail.com

Вы можете помочь мне пожертвованием по ссылке ниже Спасибо👇👇👇 ^^
☕ —> https://www.buymeacoffee.com/waaduheck <—.

Также проверьте эти посты
https://dev.to/shubhamtiwari909/text-animation-in-css-16j9

https://dev.to/shubhamtiwari909/tostring-in-js-27b

https://dev.to/shubhamtiwari909/join-in-javascript-4050

https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90

Оцените статью
devanswers.ru
Добавить комментарий