Saturday, September 19, 2020

Phương thức Array trong JavaScript

Array trong javascript là gì?

Array trong javascript là một đối tượng có thể lưu trữ một tập hợp các mục. Mảng trở nên thực sự hữu ích khi bạn cần lưu trữ một lượng lớn dữ liệu cùng loại. Giả sử bạn muốn lưu trữ thông tin chi tiết của 500 nhân viên. Nếu bạn đang sử dụng biến, bạn sẽ phải tạo 500 biến trong khi bạn có thể làm điều tương tự với một mảng. Bạn có thể truy cập các mục trong một mảng bằng cách tham chiếu đến số chỉ mục của nó và chỉ số của phần tử đầu tiên của mảng bằng 0.

Phương thức Array trong JavaScript

Khởi tạo mảng trong javascript

Bạn có thể tạo một mảng trong JavaScript như dưới đây.

var students = ["John", "Ann", "Kevin"];

Ở đây, bạn đang khởi tạo mảng của mình khi và khi nó được tạo với các giá trị “John”, “Ann” và “Kevin”. Chỉ số của “John”, “Ann” và “Kevin” lần lượt là 0, 1 và 2. Nếu bạn muốn thêm nhiều phần tử hơn vào mảng sinh viên, bạn có thể làm như sau:

students[3] = "Emma";

students[4] = "Rose";

Bạn cũng có thể tạo một mảng bằng cách sử dụng hàm tạo Mảng như sau:

var students = new Array("John", "Ann", "Kevin");

hoặc

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

Phương thức mảng JavaScript

Đối tượng Array có nhiều thuộc tính và phương thức giúp các nhà phát triển xử lý các mảng một cách dễ dàng và hiệu quả. Bạn có thể lấy giá trị của một thuộc tính bằng cách chỉ định arrayname.property và đầu ra của một phương thức bằng cách chỉ định arrayname.method ().

  • thuộc tính length: Nếu bạn muốn biết số phần tử trong một mảng, bạn có thể sử dụng thuộc tính length.
  • thuộc tính prototype: Nếu bạn muốn thêm thuộc tính và phương thức mới, bạn có thể sử dụng thuộc tính nguyên mẫu.
  • phương thức reverse : Bạn có thể đảo ngược thứ tự của các mục trong một mảng bằng phương pháp đảo ngược.
  • phương thức sort: Bạn có thể sắp xếp các mục trong một mảng bằng phương pháp sắp xếp.
  • phương thức pop: Bạn có thể xóa mục cuối cùng của mảng bằng phương thức pop.
  • phương thức shift: Bạn có thể xóa mục đầu tiên của mảng bằng phương thức shift.
  • push method: Bạn có thể thêm một giá trị làm mục cuối cùng của mảng.
Ví dụ về mảng trong Javascript

<html>
<head>
<title>Exaple Array!!!</title>
<script type="text/javascript">
var students = new Array("Tran Tien Anh","Nguyen Thi Nga","Luong huu bac","Tran the cuc");
       Array.prototype.displayItems = function(){
            for (i=0;i<this.length;i++){
                    document.write(this[i] + "<br />");
                }
}
       
        document.write("Danh sách mảng<br/>");
        students.displayItems();
        document.write("Số phần tử mảng: " +students.length +"<br/>");
        document.write("Sắp xep mảng : <br/>");
        students.sort();
        students.displayItems();
        document.write("<br />đảo ngược mảng<br />");
        students.reverse();
        students.displayItems();
        document.write("<br />xóa sinh viên cuối cùng<br />");
        students.pop();
         students.displayItems();
        document.write("<br />Thêm sinh viên mơi<br />");
        students.push("Nguyễn Van A");
        students.displayItems();
</script>
</head>
<body>
</body>
</html>


Kết quả:

Danh sách mảng

Tran Tien Anh

Nguyen Thi Nga

Luong huu bac

Tran the cuc

Số phần tử mảng: 4

Sắp xep mảng :

Luong huu bac

Nguyen Thi Nga

Tran Tien Anh

Tran the cuc

đảo ngược mảng

Tran the cuc

Tran Tien Anh

Nguyen Thi Nga

Luong huu bac

xóa sinh viên cuối cùng

Tran the cuc

Tran Tien Anh

Nguyen Thi Nga

Thêm sinh viên mơi

Tran the cuc

Tran Tien Anh

Nguyen Thi Nga

Nguyễn Van A 

Những bài học javascript cơ bản

No comments:

Post a Comment