JS의 배열 메서드 - 푸시 및 팝

안녕하세요 오늘은 배열의 내장된 push() 및 pop() 메서드에 대해 논의할 것입니다.

시작하자...

푸시 - 배열 끝에 요소를 삽입하는 데 사용됩니다.
팝 - 배열에서 요소를 제거하는 데 사용됩니다.

코드 예 -




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

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

console.log(array)

array.pop() // pop out the last element
array.pop() // pop out the last element


출력 -




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

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


  • 보시다시피 배열에서 많은 유형의 요소를 푸시할 수 있습니다.
  • 마지막 푸시에서 배열 자체를 푸시했으며 "[Circular *1] , Circular 참조는 개체가 개체를 통해 직접 또는 간접적으로 자신을 참조하는 참조입니다.
  • pop()을 두 번 사용하면 마지막 두 요소가 제거됩니다.

  • 이 게시물을 확인해 주셔서 감사합니다.
    ^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
    ☕ --> https://www.buymeacoffee.com/waaduheck <--

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

    좋은 웹페이지 즐겨찾기