Lập trình javascript cho website – Học lập trình, học sử dụng máy tính từ số 0 – ZeZo.dev https://zezo.dev Fri, 29 Nov 2024 08:36:50 +0000 vi hourly 1 https://wordpress.org/?v=6.7.1 https://zezo.dev/wp-content/uploads/2024/11/cropped-zzel-32x32.png Lập trình javascript cho website – Học lập trình, học sử dụng máy tính từ số 0 – ZeZo.dev https://zezo.dev 32 32 Thao tác với mảng trong javascript https://zezo.dev/view/thao-tac-voi-mang-trong-javascript Fri, 29 Nov 2024 08:36:50 +0000 https://zezo.dev/?p=177

Khai báo mảng

console.log('Làm việc với mảng');
//khai báo mảng
let arr = ['Xanh', 'Đỏ','Tím','Vàng', 555];
// Thêm phần tử vào mảng
arr[5] = 'Phần tử thêm'; // chỉ số 5 là vị trí phần tử muốn thêm,
// nếu muốn chỉnh sửa phần tử nào thì cũng truyền chỉ số tương ứng như trên
console.log(arr);

Dùng vòng lặp duyệt mảng

// dùng vòng lặp duyệt mảng
for(let i = 0; i< arr.length; i++){
    console.log(`Phần tử thứ ${i} là: ${arr[i]}`);
}
// dùng vòng lặp forEach
arr.forEach(  (phan_tu)=>{
    console.log(phan_tu);
});

Sử dụng hàm map() duyệt mảng

// sử dụng hàm map để tạo một mảng mới có dữ liệu tùy chỉnh từ mảng ban đầu
let mang_moi = arr.map((phan_tu, stt)=>{
    return '<li>' + phan_tu + '</li>';
});
//----> sau khi có mang_moi thì dùng hàm join() để nhập mảng thành 1 chuỗi
let chuoi = mang_moi.join("\n"); // ngắt dòng trong console
console.log(chuoi);

 

]]>
Code tìm hiểu về biến và cấu trúc lặp trong javascript https://zezo.dev/view/code-tim-hieu-ve-bien-va-cau-truc-lap-trong-javascript https://zezo.dev/view/code-tim-hieu-ve-bien-va-cau-truc-lap-trong-javascript#respond Thu, 28 Nov 2024 07:23:53 +0000 https://zezo.dev/?p=22

Phạm vi hoạt động của biến

console.log('Ví dụ làm việc với phạm vi hoạt động của biến');
var a = 5;
var b = 6;
c = 1111;
function HamSo (){
    let x = 22;
    var y = 33;
    zz = 9999;
    console.log(`Trong hàm: x = ${x}, y = ${y}, z = ${zz}`);
    console.log(`Trong hàm: a = ${a}, b = ${b}, c = ${c}`);
}
/// gọi hàm để sử dụng:
HamSo(); // chạy bằng lệnh: node vidu1.js 
console.log(`Ngoài hàm: x = riêng tư, y = riêng tư, z = ${zz}`);  // biến x và y phạm vi riêng tư trong hàm nên không sử dụng được ở đây
console.log(`Ngoài hàm: a = ${a}, b = ${b}, c = ${c}`);

Xem kiểu dữ liệu của biến

console.log('Xem kiểu dữ liệu của biến');
var a = 5;
var b = 'Nguyễn Văn A';
console.log(`Số a = ${a}, Kiểu DL: ${typeof(a)}`);
console.log(`Biến b = ${b}, Kiểu DL: ${typeof(b)}`);
// gán a cho một chuỗi
a = 'Trần Van B';
console.log(`Biến sau khi đổi giá trị: a = ${a}, kiểu DL: ${typeof(a)} `);
// chạy file để xem kết quả

So sánh các cấu trúc lặp

console.log('So sánh các vòng lặp');
// for, do...while, while...
// đối với for..in (dùng cho đối tượng) và forEach (dùng cho mảng)
//ví dụ in dãy số từ 0 đến 5
console.log('Vòng lặp FOR');
var x = 10;
for(x ; x<5; x++){
    console.log(`x = ${x}`);
}
console.log('Vòng lặp do..while');
x = 10;// khởi tạo lại x
do{
    console.log(`x = ${x}`);
    x++;
}while(x <5);
console.log('Vòng lặp  while...');
x = 10;// khởi tạo lại x
while(x <5){
    console.log(`x = ${x}`);
    x++;
};
]]>
https://zezo.dev/view/code-tim-hieu-ve-bien-va-cau-truc-lap-trong-javascript/feed 0