Tìm hiểu về Collection of Record trong JavaScript
Trong bài viết trước, chúng tôi đã giới thiệu với các bạn một vài đặc điểm về mảng
2 chiều – Array 2D trong JavaScript, trong nhiều trường hợp áp dụng khi chúng ta
cần giữ thông tin về 1 hoặc nhiều danh sách số lượng chuỗi dữ liệu nhất định, đối
tượng Array sẽ là công cụ được sử dụng phổ biến và nhiều nhất.
Ví dụ như sau:
var aNames= [ "Adam", "Bill", "Carl" ]; // create an array
alert( aNames[0] ); // Adam look it up by its index number
// iterate through them
for ( var j=0; j< aNames.length; j++ ) {
alert( aNames[j] ); //
}
Nhưng trên thực tế, JavaScript còn hỗ trợ thêm Associative Arrays (hay còn gọi là
Maps hoặc Dictionaries), cung cấp thêm cho người sử dụng 1 cách khác để truy
cập vào danh sách các đối tượng không qua vị trí, mà là khóa liên kết:

Tuy nhiên, tính năng hỗ trợ này không hoạt động giống với những gì mà chúng ta
đã biết trước kia:
// this seems reasonable
var aNames= new Array();
aNames[ "Anderson" ]= "Adam";
aNames[ "Browne" ]= "Bill";
aNames[ "Crawford" ]= "Carl";
alert( aNames[ "Anderson" ] ); // shows Adam (as expected)
// but this might not seem reasonable:
alert( aNames.length ); // shows 0 !!! (why not 3?)
Đoạn mã trên có chức năng tạo đối tượng Array, sau đó chèn dữ liệu nothing vào
bất cứ thành phần nào trong mảng này. Và những quá trình tiếp theo sẽ tiến hành
sau đó: tất cả các biến JavaScript (bao gồm cả Array) sẽ được coi là đối tượng với
thuộc tính cơ bản của 1 Object điển hình. Những thuộc tính đó được xây dựng dựa
trên các khối lớp hỗ trợ khả năng xử lý, giám sát cặp giá trị của mảng liên kết. Ví

làm truyền tham số qua tên biến. Ví dụ như sau:

DoThat( {color:"Red", font:"Arial" } ); // unnamed object

function DoThat( o ) {
alert( o.color ); // shows: Red
alert( o.font ); // shows: Arial
}
Thủ tục gọi lệnh như trên sẽ tạo ra các đối tượng nặc danh - Anonymous (bộ tổ hợp
các giá trị key:value), và các cú pháp lệnh được gọi ra có thể truy cập tới phần giá
trị trong đối tượng qua tên. Lưu ý rằng nếu khóa key có dạng chuỗi ký tự thì có thể
bỏ qua dấu ngoặc kép khi khởi tạo giá trị thuộc tính.
Tạo các mảng Record kết hợp:
Trên thực tế, chúng ta có thể dễ dàng tạo được các đối tượng map một cách nhanh
chóng và gán thêm nhiều thuộc tính đi kèm. Tuy nhiên, cách làm này lại có 1
nhược điểm, ví dụ như sau:
var o= {}; // or: var o= new Object();
o.lastName= "Anderson";
o.age= 17;
later that day
o.LastName= "Smith"; // oops, uppercase L
Nếu bạn bỏ lỡ tên của giá trị key bất kỳ, thì sau đó phải gán thêm thuộc tính mới
vào đối tượng này. Mặc dù JavaScript có thể kết hợp với các đối tượng map thì
không cần phải khai báo trực tiếp, nhưng làm theo cách này sẽ giúp chúng ta giảm
thiểu được khá nhiều lỗi.
Trong phần lớn các trường hợp áp dụng trên thực tế, chúng ta có thể thực hiện
bằng cách khởi tạo 1 bản ghi đã được định nghĩa sẵn – với cấu trúc đi kèm có chứa
toàn bộ thông tin, dữ liệu trong đối tượng đó. Sau đó, sẽ gán các phần thông tin
khởi tạo này tới đối tượng, qua đó chúng ta có thể dễ dàng phân loại, quản lý toàn
bộ hệ thống thuộc tính có liên quan.

var rPer3= new PersonRec( "Browne", "Bill" ); // with some data and some
defaults
rPer3.nAge= 43; // update the record
rPer3.sNameFirst= "William"; // update the record
Chức năng xây dựng có thể thực hiện được nhiều hơn việc gán dữ liệu đơn thuần,
ví dụ như tính toán dữ liệu của 1 trường dựa vào một số trường khác có liên quan,
đọc hoặc chuyển tiếp thông tin từ trang web, lựa chọn dữ liệu từ database hoặc
bất kỳ thao tác nào người dùng muốn thực hiện mỗi khi 1 đối tượng Record được
tạo. Bên cạnh đó, các biến dạng record này không cần lưu trữ theo cách thông
thường. Cũng như đối với bất kỳ ngôn ngữ lập trình hướng đối tượng nào khác,
người dùng có thể tự khởi tạo các phương thức, chức năng được áp dụng riêng đối
với từng loại dữ liệu khác nhau. Ví dụ:
function PersonRec(p1,p2) {
this.sNameLast= p1;
this.sNameFirst=p2;

// add some methods; i.e., member functions
this.GetFullName= function() {
return( this.sNameFirst +" "+ this.sNameLast );
};
this.toString= function() {
var s= "Name: " + this.GetFullName() + "\n";
s+= "Age: " + this.nAge + "\n";
if ( this.fIsParent ) {
s+= "Children: " + this.asChildren;
}
return( s );
};
}
Chúng ta có thể dễ dàng thấy rằng thành phần Object.toString() đã có sẵn, nhưng

Kết quả hiển thị của bảng dữ liệu sẽ có dạng như sau:

Tạo chu kỳ hoạt động của các thành phần trong mảng, sau đó hiển thị giá trị các
thuộc tính của đối tượng PersonRec như sau:
function BuildOutputTable() {
var sOut="<table border=2>";
sOut +="<tr>";
sOut +="<td>Last Name</td><td>First Name</td><td>Age</td><td># of
Kids</td>"
sOut +="</tr>";
for ( var j=0; j<arPersons.length; j++ ) {
var rP= arPersons[j]; // a PersonRec object
sOut += "<tr>";
sOut += "<td>" +rP.sNameLast+ "</td>";
sOut += "<td>" +rP.sNameFirst+ "</td>";
sOut += "<td>" +rP.nAge+ "</td>";
sOut += "<td>" +rP.asChildren.length+ "</td>";
sOut += "</tr>";
}
sOut += "</table>";
return(sOut);
}