Tạo mảng trống trong JavaScript

ví dụ 1. Mảng trống bằng cách thay thế mảng mới

// program to empty an array

function emptyArray(arr) {

    // substituting new array
    arr = [];
    
    return arr;
}

const array = [1, 2 ,3];
console.log(array);

// call the function
const result = emptyArray(array);
console.log(result);

đầu ra

[1, 2, 3]
[]

Trong chương trình trên, giá trị của mảng được thay thế bằng một mảng trống mới

---

ví dụ 2. Làm trống mảng sử dụng splice()

// program to append an object to an array

function emptyArray(arr) {

    // substituting new array
    arr.splice(0, arr.length);
    
    return arr;
}

const array = [1, 2 ,3];
console.log(array);

// call the function
const result = emptyArray(array);
console.log(result);

đầu ra

[1, 2, 3]
[]

Trong chương trình trên, phương thức splice() được sử dụng để loại bỏ tất cả các phần tử của một mảng

Trong phương pháp splice(),

• Đối số đầu tiên là chỉ mục của một mảng để bắt đầu xóa một mục khỏi
• Đối số thứ hai là số phần tử mà bạn muốn xóa khỏi phần tử chỉ mục

---

ví dụ 3. Làm trống mảng bằng cách đặt độ dài 0

// program to empty an array

function emptyArray(arr) {

    // setting array length to 0
    arr.length = 0;
    
    return arr;
}

const array = [1, 2 ,3];
console.log(array);

// call the function
const result = emptyArray(array);
console.log(result);

đầu ra

[1, 2, 3]
[]

Trong chương trình trên, thuộc tính độ dài được sử dụng để làm trống mảng

Khi đặt array.length bằng 0, tất cả các phần tử của mảng đều bị xóa

Đôi khi, bạn muốn làm trống một mảng thay vì thêm một mảng. Tuy nhiên, có nhiều cách xóa một mảng mà chúng ta sẽ thảo luận trong hướng dẫn này để giúp bạn thực hiện dễ dàng hơn nhiều

Giả sử chúng ta có một mảng và chúng ta muốn xóa nó

Phương pháp đầu tiên có thể là như sau

Chạy đoạn mã trên sẽ đặt mảng thành một mảng sạch mới. Điều này tốt nếu bạn không có tham chiếu đến mảng ban đầu

sử dụng phương pháp này nếu bạn chỉ tham chiếu mảng theo biến ban đầu của nó. Mảng ban đầu sẽ không thay đổi nếu bạn đã tham chiếu mảng này từ một biến hoặc thuộc tính khác

Đây là một ví dụ về vấn đề bạn có thể gặp phải

Mảng tham chiếu Javascript

để mảng1 = ['a', 'b', 'c', 'd']; . nhật ký (mảng1); . nhật ký (mảng2);

Một phương pháp khác bạn có thể gặp là đặt mảng thành 0

Chiều dài mảng Javascript

để mảng1 = ['a', 'b', 'c', 'd']; . nhật ký (mảng1); . chiều dài = 0; . nhật ký (mảng1);

Phương pháp này cũng có thể hoạt động trong trường hợp "chế độ nghiêm ngặt" trong ECMAScript 5 vì thuộc tính độ dài là thuộc tính đọc/ghi

Phương pháp thứ ba đang sử dụng, phương pháp này sẽ hoạt động tốt. Tuy nhiên, nó sẽ trả về một bản sao của mảng ban đầu vì hàm trả về một mảng với tất cả các phần tử đã bị xóa

Tất cả các phương pháp được đề cập ở trên đều tương tự nhau và có thể được sử dụng để xóa mảng hiện có, nhưng phương pháp nhanh nhất là phương pháp thứ hai và thứ ba

Mảng được sử dụng để lưu trữ nhiều giá trị trong một biến. Độ dài của một mảng cũng như các loại phần tử của nó đều không cố định. Bất cứ khi nào bạn thay đổi mảng, thuộc tính độ dài sẽ tự động cập nhật. Nó không phải là số lượng giá trị trong mảng, mà là chỉ số + 1. Thuộc tính độ dài có thể ghi. Khi bạn giảm nó, mảng sẽ bị cắt bớt

Hai cách xác định mảng trống với số lượng phần tử được chỉ định

1. var arr1 = Mảng mới(3);
2. var arr2 = [,,];

Nhưng từ khóa new để định nghĩa mảng không bao giờ được khuyến nghị. Bây giờ Giả sử tôi có 3 trường văn bản, tôi muốn lưu trữ dữ liệu trong một mảng

1. var mảng = [,,];
2. for(var i=0; i< arr. độ dài ;i++) {
3. mảng[i] = tài liệu. getElementById('mytextblock'+i). giá trị;
4. }

Hãy xem có gì sai với đoạn mã trên

1. mảng. forEach(hàm(dữ liệu){
2. bảng điều khiển. nhật ký (dữ liệu);
3. });

Tại sao? . Vì vậy, trong trường hợp trên, độ dài của mảng sẽ là 2 thay vì 3

1. var arr1 = [,,];
2. var arr2 = [,,,];

Và trong ví dụ trên, vì chúng ta đã sử dụng thuộc tính độ dài để lặp mảng nên nó lặp 2 lần thay vì 3 lần. Giải pháp Vâng, các mảng động trong javascript, chúng có thể phát triển và thu nhỏ theo yêu cầu của chúng tôi. Vì vậy, không có điểm nào trong việc xác định độ dài của nó khi khởi tạo. Và ngay cả khi chúng ta làm như vậy thì chúng ta cũng nên tránh sử dụng thuộc tính độ dài của mảng. Vì vậy, đoạn mã trên có thể được viết là

1. var mảng = [];
2. var i;
3. for(i=0;tài liệu. getElementById('mytextblock'+i);i++){
4. mảng[i] = tài liệu. getElementById('mytextblock'+i). giá trị;
5. }

Phần kết luận

Kiến thức là sức mạnh, Và nếu chúng ta không quen với sự cẩu thả như vậy của javascript, chúng ta có thể rơi vào tình huống bối rối chết người

Làm cách nào để lấy mảng trống trong JavaScript?

Làm cách nào để tạo mảng đối tượng trống trong JavaScript?

Làm cách nào để tạo một danh sách trống trong JavaScript?

Làm cách nào để tạo một mảng mới trong JavaScript?