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("\n\nAfter 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] 을 반환했습니다. 순환 참조는 개체가 직접 또는 개체를 통해 간접적으로 자신을 참조하는 참조입니다.

shift()를 두 번 사용하면 처음 두 요소가 제거됩니다.

이 게시물을 확인해 주셔서 감사합니다.

저에게 연락하실 수 있습니다 -
인스 타 그램 -
링크드인 -
이메일 - [email protected]

^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

이 게시물도 확인하십시오.