JavaScript에서 배열을 비우는 방법은 무엇입니까?

<시간/>

자바스크립트에서 배열을 비우는 방법에는 몇 가지가 있습니다.

배열을 취한다고 가정해 봅시다.

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

방법 1

var array1 = [];

위의 코드는 숫자 배열을 새로운 빈 배열로 설정합니다. 이것은 원래 배열 'array1'에 대한 참조가 없을 때 권장됩니다. 다른 변수에서 이 배열을 참조한 경우 원래 참조 배열이 변경되지 않은 상태로 유지되므로 이러한 방식으로 배열을 비울 때는 주의해야 합니다.

예시

<html>
<body>
<script>
   var array1 = [1,2,3,4,5,6,7];  // Created array
   var anotherArray = array1;     // Referenced array1 by another variable
   array1 = [];                   // Empty the array
   document.write(anotherArray);  // Output [1,2,3,4,5,6,7]
</script>
</body>
</html>

방법 2

var array1.length = 0;

위의 코드 줄은 배열을 비워 원래 배열의 길이를 0으로 만듭니다.

예시

<html>
<body>
<script>
   var array1 = [1,2,3,4,5,6,7]; // Created array
   var anotherArray = array1; // Referenced array1 by another variable
   array1.length = 0; // Empty the array by setting length to 0
   console.log(anotherArray); // Output []
</script>
</body>
</html>

방법 3

array1.splice(0, array1.length);

위의 코드 줄도 완벽하게 작동합니다. 이 코드 방식은 원래 배열의 모든 참조를 업데이트합니다.

예시

<html>
<body>
<script>
   var array1 = [1,2,3,4,5,6,7]; // Created array
   var anotherArray = array1; // Referenced array1 by another variable
   array1.splice(0, array1.length); // Empty the array by setting length to 0
   console.log(anotherArray); // Output []
</script>
</body>
</html>