Метод массива в JS — shift и unshift

Здравствуйте. Сегодня я расскажу о встроенном методе unshift() и shift() массивов.

Давайте начнем…

Unshift — используется для вставки элемента в начало массива.
shift — Используется для удаления первого элемента из массива.

Пример кода —

const array = [1,2,3,4,5];
const array2 = ["This","is","array2"]

array.unshift(6) //single element insertion
array.unshift(7,8,9) // multiple element insertion
array.unshift("BOOTSTRAP5") // string element insertion
array.unshift("TAILWINDCSS","REACT JS") //multiple string element insertion
array.unshift([10,11]) // number array insertion
array.unshift(["NODE JS","MONGO DB"]) // string array insertion
array.unshift([[12,13],[14,15]]) // 2-d array insertion
array.unshift({name:"shubham",age:21}) // Object insertion
array.unshift(array2) // array stored in a variable then inserted 
array.unshift(undefined,null) // undefined and null insertion
array.unshift(true,false) // Boolean insertion
array.unshift(array) // [Circular *1]


console.log(array)


array.shift() // pop out the first element
array.shift() // pop out the first element
console.log("nnAfter shifting 2 times")
console.log(array)
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

<ref *1> [
  [Circular *1],
  true,
  false,
  undefined,
  null,
  [ 'This', 'is', 'array2' ],
  { name: 'shubham', age: 21 },
  [ [ 12, 13 ], [ 14, 15 ] ],
  [ 'NODE JS', 'MONGO DB' ],
  [ 10, 11 ],
  'TAILWINDCSS',
  'REACT JS',
  'BOOTSTRAP5',
  7,
  8,
  9,
  6,
  1,
  2,
  3,
  4,
  5
]


After shifting 2 times
[
  false,
  undefined,
  null,
  [ 'This', 'is', 'array2' ],
  { name: 'shubham', age: 21 },
  [ [ 12, 13 ], [ 14, 15 ] ],
  [ 'NODE JS', 'MONGO DB' ],
  [ 10, 11 ],
  'TAILWINDCSS',
  'REACT JS',
  'BOOTSTRAP5',
  7,
  8,
  9,
  6,
  1,
  2,
  3,
  4,
  5
]
Войти в полноэкранный режим Выход из полноэкранного режима
  • Как вы видите, мы можем вставить много типов элементов по первому индексу в массиве.
  • При последней вставке мы толкнули сам массив, и он вернул «[Circular *1] , Circular reference — это ссылка, в которой объект ссылается на себя прямо или косвенно через объект.
  • После использования shift() два раза, первые два элемента удаляются.

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

Вы можете связаться со мной на —
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/js-push-and-pop-with-arrays-33a2/edit

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
Добавить комментарий