JavaScript >> Javascript 文檔 >  >> JavaScript

如何在 JavaScript 中清空數組

在 JavaScript 中,有多種方法可以刪除數組的所有元素。最簡單的方法是設置數組的length 屬性值為0。

這是一個例子:

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

// set length to 0
numbers.length = 0;

console.log(numbers); // []

length 屬性是可寫的,上面的例子將清除數組的所有元素。此外,它不會改變原始數組,並且適用於所有現代和舊瀏覽器,包括 Internet Explorer。

另一種刪除數組所有元素的方法是將一個空數組分配給原始變量:

let numbers = [1, 2, 3, 4, 5, 6];

// reset array
numbers = [];

console.log(numbers); // []

僅當您確定原始數組未引用時才應使用此方法 代碼中的其他任何地方,因為這實際上創建了一個全新的空數組。如果您從另一個變量或屬性引用原始數組,則原始數組將保持不變。因此,使用此方法時要小心。

下面是一個示例,演示了將新數組分配給現有數組時可能遇到的問題:

let numbers = [1, 2, 3, 4, 5, 6];

let numbers2 = numbers; // store original array reference

// reset original array
numbers = [];

// print reference variable
console.log(numbers2); // [1, 2, 3, 4, 5, 6]

splice() 方法是另一種方法 在 JavaScript 中清空數組:

let numbers = [1, 2, 3, 4, 5, 6];

// empty the array
numbers.splice(0, numbers.length);

console.log(numbers); // []

您還可以向 Array 添加新方法 的原型,並在您想清除數組時使用它:

// add prototype method
Array.prototype.clear = function () {
    this.length = 0;
};

let numbers = [1, 2, 3, 4, 5, 6];

// clear arary
numbers.clear();

console.log(numbers); // []

查看本指南以了解有關 JavaScript 數組及其方法的更多信息。


Tutorial JavaScript 教程
  1. 谷歌地圖版本 3 中的 z-Index 疊加層

  2. 2020 年 10 大 Angular 聚會視頻

  3. 使用 React 創建項目構建器🚀

  4. 函數與對象

  5. 使用 NativeScript 創建 Imgur 應用程序

  6. React-Native 另一個 VirtualizedList 支持的容器

  7. 在 Cypress 中使用頁面對象

  1. 如何在 Nuxt/Vue 中檢測向上和向下滾動

  2. 使用遞歸將 XML 轉換為 JSON

  3. 使用 React-To-Print 在 React 中輕鬆打印

  4. 我們如何衡量網站的性能

  5. 如何使用 Webpacks 模塊別名

  6. 用代碼示例解釋 JavaScript 執行上下文和提升

  7. 如何練習代碼挑戰

  1. 如何構建您的第一個無服務器邏輯應用程序,第二部分

  2. React 開發人員的 5 大性能技巧

  3. Node.js 中的診斷第 1/3 部分

  4. Web 開發人員的平均工資是多少?這是2022年的數據