Mảng và Object trong Javascript

Minh họa về array và object

★ Tham khảo: Dịch vụ thiết kế và phát triển website

★ Tham khảo: Khóa học thiết kế, dàn trang của Quốc Bửu Group

★ Tham khảo: Khóa học lập trình website của Quốc Bửu Group

☀ Mảng (array) trong javascript

Mảng là một biến đặc biệt thường dùng dể để lưu nhiều giá trị vào một biến, chỉ số của mảng dùng để phân biệt các biến này. Trong JavaScript chỉ số của nó bắt đầu từ 0.

1. Cú pháp khai báo

var array = new Array();

hoặc // khai báo không có từ khóa new

var array = Array[ ];

VD minh họa về mảng 1

var arrayName = new Array()

arrayName [0] = "Apple"

arrayName [1] = "Banana"

arrayName [2] = "Lemon";

document.write(arrayName [0]);

//kết quả hiển thị phần từ thứ nhất trong Array arrayName là “Apple”.

VD minh họa về mảng 2

var fruit = ["Apple",Banana","Lemon"];

document.write(fruit [0]);

//kết quả hiển thị phần từ thứ nhất trong Array fruit là “Apple”

2. Lặp mảng với vòng lặp for

var  array_name = [1,2,3];

for (var i = 0; i < array_name.length; i++){

    document.write(array_name[i]);

}

//kết quả hiển thị mảng 1,2,3

3. Lặp mảng với vòng lặp while

var array_name = [1,2,3];

var index = 0;

while (index < array_name.length){

    document.write(array_name[index]);

    index++;

}

//kết quả hiển thị mảng 1,2,3

4. Các phương thức của mảng (array)

+ concat() – dùng để nối 2 mảng.

+ join() – dùng để ghép các phần tử trong mảng lại với nhau.

+ slice() – dùng tách một mảng bắt đầu từ vị trí đầu vị trí cuối.

+ reverce() – dùng để đảo ngược mảng.

+ valueOf() – dùng để lấy tất cả các đối tượng trong mảng.

+ pop() – lấy phần từ cuối của mảng.

+ push() – thêm 1 hoặc nhiều phần tử vào cuối mảng.

+ shift() – lấy phần tử và trả về phần tử đầu tiên của mảng.

+ sort() – sắp xếp các phần tử của mảng.

VD về phương thức của mảng 1

var b=new Array();
b[0]= "Thang 1";
b[1]= "Thang 2";
b[2]= "Thang 3";
var c =new Array();
c[0]= "Thang 4";
c[1]= "Thang 5";
c[2]= "Thang 6";
d=b.concat(c); // noi 2 mảng
document.write(d);

//ket qua in ra mảng ("Thang 1", "...", "Thang 6")

VD về phương thức của mảng 2

var arrN = new Array();

arrN [0] = "Quốc Bảo";

arrN [1] = "P.Thạnh Xuân, Quận 12";

arrN [2] = "TP. Hồ Chí Minh";

document.write(arrN.length + "");

document.write(arrN.join(".") + "");

document.write(arrN.reverse() + "");

document.write(arrN.sort() + "");

document.write(arrN.push("Hà","Nội") + "");

document.write(arrN.pop() + "");

document.write(arrN.shift() + "");

//Dán đoạn code sau vào javascript để xem kết quả nhé.

☀ Object trong javascript

Đối tượng (object) là khái niệm thể hiện cho một đối tượng cụ thể. Các đối tượng được javascript dựng sẵn là các đối tượng đã được định nghĩa từ trước, do vậy bạn chỉ cần sử dụng các thuộc tính và phương thức của chúng để hoàn thành bài toán, một số đối tượng dựng sẵn trong JavaScript: Array, Date, Math, String,...Đối tượng người dùng định nghĩa là do lập trình viên sử dụng để tạo và định nghĩa ra các phương thức, thuộc tính.

Thuộc tính: dùng để chứa các mô tả về đối tượng

VD tạo thuộc tính cho đối tượng

var student = new Object();

//Tạo thuộc tính fist_name, last_name, age cho đối tượng student

student.first_name = "Quốc";

student.last_name = "Nguyễn";

student.age = 31;

Phương thức: tạo các hành động (có thể hiểu là hàm) cho đối tượng.

var students = {

     first_name : "Quốc",

     last_name : "Nguyễn",

     full_names : function(){

         return(students.first_name + " " + students.last_name );

      }

}

document.write(students.full_names());

//kết quả in ra "Quốc Nguyễn"

Thuộc tính prototype

+ Cho phép bạn có thể thêm các thuộc tính mới, phương thức mới cho các đối tượng đã được tạo.

+ Dùng để thêm thuộc tính và phương thức cho đối tượng dựng sẵn.

VD minh họa về thuộc tính prototype

function student(firstName, lastName) {

    this.firstName = firstName;

    this.lastName = lastName;

    student.prototype.address = "Quan 12, TP.HCM";

}

var callStudent= new student('Quốc', 'Nguyễn');

alert(callStudent.address);

//kết quả hiển thị "Quận 12, TP.HCM"

Video tham khảo mảng và object trong Javascript

Chúc các bạn thành công trong công việc !