Javascript tips: Cắt ngắn một mảng sử dụng length

Nếu bạn muốn thay đổi tổng số phần tử thì có thể sử dụng thuộc tính length của mảng. Thuộc tính lengh chứa thông tin tổng số phần tử của mảng nên khi bạn thay đổi giá trị của length tức là bạn đã thay đổi tổng số phần tử của mảng.

test php

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Chúng ta có ba trường hợp, thứ nhất là tăng phần tử, thứ hai là giảm phần tử và thứ ba là thiết lập phần tử rỗng.

Trường hợp giảm phần tử

Trường hợp này thì phần tử giảm sẽ được xóa từ cuối mảng đi tới đầu mảng cho tới khi tổng các phần tử vừa đủ.

Ví dụ

var score = ["21", "321", "312", "432", "54", "676", "54654"];

console.log(score.length); // Kết quả: 7
console.log(score); // Kết quả: ["21", "321", "312", "432", "54", "676", "54654"]


score.length = 5;
console.log(score.length); // Kết quả: 5
console.log(score); // Kết quả: ["21", "321", "312", "432", "54"]

Trường hợp tăng phần tử

Trường hợp này thì các phần tử tăng sẽ có giá trị là undefined.

Bài viết này được đăng tại [free tuts .net]

Ví dụ

var score = ["21", "321", "312", "432", "54", "676", "54654"];

console.log(score.length); // Kết quả: 7
console.log(score); // Kết quả: ["21", "321", "312", "432", "54", "676", "54654"]


score.length = 9;
console.log(score.length); // Kết quả: 5
console.log(score); // Kết quả: ["21", "321", "312", "432", "54", "676", "54654", Undefined x 2]

Chúng ta ít khi thay đổi thuộc tính length này, tuy nhiên đôi khi bạn muốn thay đổi chiều dài của mảng thì có thể sử dụng.

Trường phần thiết lập mảng rỗng

Từ hai ví dụ trên ta rút ra được một kinh nghiệm như sau: Nếu muốn chuyển mảng thành một mảng rỗng thì chỉ cần thiết lập length = 0.

Ví dụ

var domain = ["freetuts.net", "w3schools.com", "php.net", "codeigniter.com"];
domain.length = 0;
console.log(domain); // Kết quả: []

Hoặc bạn có thể gán giá trị rỗng cho mảng là được.

Ví dụ

var domain = ["freetuts.net", "w3schools.com", "php.net", "codeigniter.com"];
domain = [];
console.log(domain); // Kết quả: []

Bài trước Bài tiếp

Cùng chuyên mục:

Functional Programming là gì? Tại sao và khi nào bạn nên sử dụng trong JavaScript

Những tính năng mới trong ES6+ trong JavaScript

4 cách tránh memory leaks trong JavaScript

Capturing và bubbling Event trong Javascript

Phân biệt prototype và proto trong JavaScript

Cách hoạt động của Event Loop trong JavaScript

Phương thức bind(), call(), và apply() trong JavaScript

Cách khắc phục lỗi "hoisting" trong JavaScript

Sử dụng Promise.all và Promise.race để quản lý các Promise trong JavaScript

Xử lý bất đồng bộ bằng vòng lặp for-await trong JavaScript

Sự khác biệt giữa Promise, Callback và Async/Await trong JavaScript

Cách sử dụng Async functions trong JavaScript

Hàm String isspace() trong Python

Cách tạo số ngẫu nhiên trong Javascript

Hướng dẫn cách tạo một số ngẫu nhiên ...

Javascript tips: Cắt ngắn một mảng sử dụng length

Trường hợp giảm phần tử

Trường hợp tăng phần tử

Trường phần thiết lập mảng rỗng

Cùng chuyên mục:

Functional Programming là gì? Tại sao và khi nào bạn nên sử dụng trong JavaScript

Những tính năng mới trong ES6+ trong JavaScript

4 cách tránh memory leaks trong JavaScript

Capturing và bubbling Event trong Javascript

Phân biệt prototype và proto trong JavaScript

Cách hoạt động của Event Loop trong JavaScript

Phương thức bind(), call(), và apply() trong JavaScript

Cách khắc phục lỗi "hoisting" trong JavaScript

Sử dụng Promise.all và Promise.race để quản lý các Promise trong JavaScript

Xử lý bất đồng bộ bằng vòng lặp for-await trong JavaScript

Sự khác biệt giữa Promise, Callback và Async/Await trong JavaScript

Cách sử dụng Async functions trong JavaScript

Hàm String isspace() trong Python

Cách tạo số ngẫu nhiên trong Javascript

Cách gộp hai object javascript lại với nhau

Cách lấy chiều dài của object trong Javascript

Hướng dẫn giải phương trình bậc 1 bằng Javascript

Cách dùng nextSibling trong javascript

Cách dùng insertAdjacentHTML trong javascript

Cách dùng innerHTML trong Javascript

Javascript tips: Cắt ngắn một mảng sử dụng length

Trường hợp giảm phần tử

Trường hợp tăng phần tử

Trường phần thiết lập mảng rỗng

Cùng chuyên mục:

Functional Programming là gì? Tại sao và khi nào bạn nên sử dụng trong JavaScript

Những tính năng mới trong ES6+ trong JavaScript

4 cách tránh memory leaks trong JavaScript

Capturing và bubbling Event trong Javascript

Phân biệt prototype và __proto__ trong JavaScript

Cách hoạt động của Event Loop trong JavaScript

Phương thức bind(), call(), và apply() trong JavaScript

Cách khắc phục lỗi "hoisting" trong JavaScript

Sử dụng Promise.all và Promise.race để quản lý các Promise trong JavaScript

Xử lý bất đồng bộ bằng vòng lặp for-await trong JavaScript

Sự khác biệt giữa Promise, Callback và Async/Await trong JavaScript

Cách sử dụng Async functions trong JavaScript

Hàm String isspace() trong Python

Cách tạo số ngẫu nhiên trong Javascript

Cách gộp hai object javascript lại với nhau

Cách lấy chiều dài của object trong Javascript

Hướng dẫn giải phương trình bậc 1 bằng Javascript

Cách dùng nextSibling trong javascript

Cách dùng insertAdjacentHTML trong javascript

Cách dùng innerHTML trong Javascript

Giới thiệu

Thủ thuật

Link hay

Liên kết

Phân biệt prototype và proto trong JavaScript