Javascript Object

VIẾT BẰNG JS

MẢNG CHỨA ĐỐI TƯỢNG

//Cách 1
var info5={
a:'',
b:'',
c:'',

};
var mang=[];
mang[0]=info5;
mang[0].a='anh iu em';
document.write(mang[0].a+'<br/>');
//Cách 2
var info6=[{
a1:'',
b1:'',
}]
info6[0].a1='em iu anh';
document.write(info6[0].a1)
anh iu emem iu anh

THAO TÁC VỚI ĐỐI TƯỢNG

Viết chương trình quản lý sinh viên

var Student={
//Student giống như là class, data là mảng

//Đối tượng chứa mảng, còn mảng chứa đối tượng thì gán đối tượng cho mảng
//Đối tượng sinh viên có 1 thuộc tính là mảng sinh viên
data:[],
//Viết kiểu javascript
viewStudent:function(){
 listSV=this.data;
 for(var i=0;i<listSV.length;i++)
    {
document.write('<div>
'+listSV[i].id+'|'+listSV[i].name+'|'+listSV[i].email+'</div>
');

   }
},
//Viết kiểu jquery
viewStudent:function(){
listSV=this.data;

listSV.forEach(function(item, index) {
document.write('<div>
'+item.id+'|'+item.name+'|'+item.email+'</div>
');
});
},
addStudent:function(id, name, email){
var item={
id:id,
name:name,
email:email
};
 //Sử dụng this vì mấy thuộc tính id,name, email nó cùng tên //với thuộc tính của obj item
this.data.push(item) ;

},
removeStudent:function(id){
for(var i=0;i<listSV.length;i++)

{
if(listSV[i].id===id)// Trả về true nếu 2 hạng tử cùng kiểu và cùng giá trị
{
listSV.splice(i,1);
}
}
},

editStudent:function(id,name, email){

for(var i=0;i<listSV.length;i++)
{
if(listSV[i].id===id)
{
listSV[i].name=name;
listSV[i].email=email;
}
}
}};

document.write('<h4>
Danh sách sinh viên ban đầu</h4>
');
Student.viewStudent();

document.write('<h4>
Danh sách sinh viên sau khi thêm hai sinh viên</h4>
');

Student.addStudent("001", 'Lionel Tam', "secretman@gmail.com");

Student.addStudent("002", 'Lionel Messi', "lionelmessi@gmail.com");
Student.viewStudent();
document.write('<h4>
Danh sách sinh viên sau khi xóa một sinh viên</h4>
');
Student.removeStudent("001");
Student.viewStudent();
document.write('<h4>
Danh sách sinh viên sau khi chỉnh sửa một sinh viên</h4>
');
Student.editStudent("002",'Thanh Tam', "lionelmessi@gmail.com");

Student.viewStudent();

VIẾT BẰNG JQUERY

var User={

listSV:[{

id:"",

username:"",

pass:"",    

}],



addUser:function(id,username,pass){

var item={

id:id,

username:username,

pass:pass

}

this.listSV.push(item);

},

viewUser:function(){

for(var i=0;i<this.listSV.length;i++)

{

$('body').append('<div>
'+this.listSV[i].id+'|'+this.listSV[i].username+'|'+this.listSV[i].pass+'</div>
');

}

},

// addUser:function(id,username,pass){

// var item={

//     id:id,

//     username:username,

//     pass:pass

// }

// this.listSV.push(item);

// },



// removeUser:function(id){

//     for(var i=0;i<this.listSV.length;i++){

//         if(this.listSV[i].id===id){

//             this.listSV.splice(i,1);

//         }

//     }

// }

}

$('body').append('<h4>
Danh sách sinh viên ban đầu</h4>
');

User.addUser("001", 'Lionel Tam', "secretman@gmail.com");

User.viewUser();

// document.write('<h4>
Danh sách sinh viên sau khi thêm hai sinh viên</h4>
');
// User.addUser("001", 'Lionel Tam', "secretman@gmail.com");
// User.addUser("002", 'Lionel Tam 1', "secretman@gmail.com");
// User.viewUser();
// document.write('<h4>
Danh sách sinh viên sau khi xoá 1 sinh viên</h4>
');
// User.removeUser("001");

// User.viewUser();

Nguồn tham khảo: freetuts.net