DEV Community: Dương Thái

Các phương pháp tấn công Website bằng mã độc và cách ngăn chặn

Dương Thái — Fri, 24 Jan 2025 09:17:30 +0000

Bạn có biết rằng chỉ cần một lỗ hổng trên trang web, hacker có thể dễ dàng cài mã độc, đánh cắp dữ liệu và làm sập toàn bộ hệ thống của bạn trong nháy mắt? Với sự gia tăng các cuộc tấn công mạng, việc bảo vệ website đã trở thành điều bắt buộc của các website.
Trrong bài viết này chúng ta sẽ cùng tìm hiểu về mã độc, và các cách phương án phòng ngừa mã đọc cho trang web của bạn.

Mã độc là gì.

Mã độc (malware - viết tắt của "malicious software") là các chương trình hoặc đoạn mã được thiết kế với mục đích xấu, nhằm gây hại, đánh cắp thông tin, phá hoại hệ thống, hoặc chiếm quyền kiểm soát thiết bị của người dùng mà không được sự cho phép

Dấu hiệu nhận biết website của bạn đã bị nhiễm mã độc.

1. Hiệu suất website giảm đáng kể
- Website tải chậm bất thường.
- Máy chủ sử dụng nhiều tài nguyên hơn bình thường (CPU, RAM).

Nguyên nhân: Hacker cài mã độc chạy ngầm hoặc sử dụng máy chủ để thực hiện các tác vụ khác, như gửi spam hoặc khai thác tiền điện tử.

2. Xuất hiện nội dung hoặc liên kết lạ
- Website có các liên kết đến trang web không liên quan.
- Thêm các pop-up quảng cáo mà bạn không cài đặt.
- Nội dung hoặc tệp tin không rõ nguồn gốc xuất hiện trên website.

3. Trình duyệt hoặc Google cảnh báo website không an toàn
- Khi truy cập trang, trình duyệt hiển thị cảnh báo: "Trang web này không an toàn", hoặc Google hiển thị cảnh báo trong kết quả tìm kiếm.

Nguyên nhân: Website bị Google đánh dấu là có chứa mã độc hoặc phần mềm không an toàn (qua Google Safe Browsing).

4. Người dùng báo cáo các vấn đề bất thường
- Người dùng bị chuyển hướng đến các trang web không mong muốn khi truy cập trang của bạn.
- Người dùng nhận thấy nội dung lạ trên trang.

Nguyên nhân: Mã độc được thiết kế để tác động lên người truy cập, như thực hiện tấn công lừa đảo (phishing) hoặc quảng cáo độc hại.

5. Tệp tin hoặc mã lạ trên máy chủ
- Xuất hiện các tệp tin mới không do bạn tải lên.
- Tệp hoặc mã nguồn của bạn bị thay đổi.

Nguyên nhân: Hacker tải lên mã độc hoặc chỉnh sửa tệp để thực hiện hành vi xấu.

6. Lượng truy cập bất thường
Lượng truy cập tăng đột biến từ các địa chỉ IP hoặc khu vực không quen thuộc.
Các yêu cầu HTTP đáng ngờ trong log server (ví dụ: truy cập các tệp admin hoặc script độc hại).

Nguyên nhân: Hacker sử dụng website của bạn để thực hiện tấn công DDoS hoặc gửi spam.

7. Email từ domain bị đưa vào spam
- Email từ tên miền của bạn (ví dụ: admin@yourdomain.com) bị đánh dấu là spam hoặc bị chặn.
- Xuất hiện các email bạn không gửi trong hộp thư đi.

Nguyên nhân: Website hoặc máy chủ email của bạn bị hacker lợi dụng để gửi email spam

Các phương pháp tấn công Website bằng mã độc và cách phòng chống

1. Tấn Công Cross-Site Scripting (XSS)
Xảy ra khi kẻ tấn công chèn mã JavaScript độc hại vào trang web thông qua các trường nhập liệu như ô tìm kiếm, bình luận, hoặc các form thoong tin. Mã độc này sau đó được thực thi trên trình duyệt của người dùng khác khi họ truy cập trang web, dẫn đến việc đánh cắp cookie, thông tin đăng nhập... Kẻ tấn công có thể sử dụng XSS để chuyển hướng người dùng đến trang web giả mạo hoặc tấn công các chức năng khác của trang web.

Phòng chống:

Kiểm tra và lọc dữ liệu đầu vào
Mã hóa dữ liệu đầu ra
Sử dụng các cơ chế bảo mật hiện đại
Tránh chèn trực tiếp dữ liệu vào HTML
Sử dụng HTTPS

2. Tấn Công Website thông qua SQL Injection (SQLi)
SQL Injection (SQLi) là một loại tấn công mạng trong đó kẻ tấn công thực hiện việc chèn các câu lệnh SQL độc hại vào trường nhập liệu (input field) của một ứng dụng web. Mục tiêu của SQLi là khai thác lỗ hổng trong cơ chế truy vấn cơ sở dữ liệu (CSDL) để truy xuất, sửa đổi, xóa hoặc thậm chí kiểm soát hoàn toàn cơ sở dữ liệu của ứng dụng.

Phòng chống:

Sử dụng câu lệnh truy vấn có tham số hóa (Prepared Statements)
Xác thực và làm sạch dữ liệu đầu vào.
Sử dụng ORM (Object Relational Mapping)
Ẩn thông báo lỗi chi tiết
Sử dụng Firewall ứng dụng web (WAF)
Cập nhật và vá lỗi thường xuyên

3. Tấn Công Website bằng File Inclusion
File Inclusion là một kỹ thuật tấn công mạng mà kẻ tấn công lợi dụng lỗ hổng trong việc xử lý các yêu cầu tải (include) các file trên máy chủ. Đây là một lỗ hổng bảo mật phổ biến trong các ứng dụng web khi người phát triển sử dụng các hàm hoặc chức năng để tải file mà không kiểm tra đầu vào đúng cách.

Phòng chống:

Sử dụng danh sách trắng (Whitelisting) cho các file cần include
Kiểm tra và xác thực đầu vào (Input Validation)
Sử dụng các đường dẫn tuyệt đối
Giới hạn quyền truy cập file

Giải pháp cho website bị nhiễm mã độc

1. Ngắt kết nối website khỏi mạng: ngừng việc tiếp tục lây lan mã độc và bảo vệ người dùng khỏi các nguy cơ tiềm ẩn.
2. Kiểm tra mã độc và quét website: nhằm xác định loại mã độc và vị trí bị nhiễm.
3. Xóa mã độc khỏi website: Loại bỏ mã độc để website trở lại trạng thái bình thường.
4. Khôi phục từ bản sao lưu sạch: Phục hồi website về trạng thái an toàn trước khi bị tấn công.
5. Đổi mật khẩu và kiểm tra quyền truy cập: ngừng hacker tiếp cận website hoặc máy chủ.
6. Kiểm tra và vá các lỗ hổng bảo mật: ngăn ngừa việc tái nhiễm mã độc.
7. Kiểm tra lịch sử thay đổi: để xem nếu hacker đã thay đổi mã nguồn hay thêm tệp độc hại.

Vòng lặp(Loop) trong JavaScript

Dương Thái — Sun, 19 Jan 2025 18:00:19 +0000

Vòng lặp là một phần quan trọng trong JavaScript, được sử dụng để tự động hóa các tác vụ lặp lại và xử lý dữ liệu hiệu quả. Việc nắm vững cách sử dụng vòng lặp sẽ giúp bạn tối ưu hóa mã nguồn và làm cho công việc lập trình trở nên dễ dàng hơn.

Vậy, vòng lặp hoạt động như thế nào trong JavaScript? Trong bài viết này, chúng ta sẽ cùng khám phá những khái niệm cơ bản và ứng dụng thực tiễn của vòng lặp.

I. Tổng quan

1. Khái niệm

Vòng lặp (Loop) trong JavaScript là một cấu trúc giúp thực thi lặp đi lặp lại một đoạn mã cho đến khi một điều kiện nhất định được thỏa mãn.

2. Đặc điểm

- Tự động hóa các tác vụ lặp lại
- Kiểm soát điều kiện lặp
- Duyệt qua cấu trúc dữ liệu: array hoặc object
- Lồng vòng lặp (Nested Loop): để xử lý dữ liệu phức tạp
- Phương thức hiện đại

II. Các loại vòng lặp

1. Vòng lặp `for`

Vòng lặp for là loại vòng lặp phổ biến nhất, dùng để lặp qua một dãy số hoặc mảng với số lần lặp xác định trước. Vòng lặp này thường được sử dụng khi bạn biết trước số lần lặp.

Cú pháp:

 for (initialization; condition; increment) {
  // Thực thi đoạn mã
}

Initialization: Khởi tạo giá trị ban đầu của biến lặp.
Condition: Điều kiện để vòng lặp tiếp tục - chạy.
Increment: Thay đổi giá trị của biến lặp sau mỗi lần lặp.

Ví dụ:

for (let i = 0; i < 5; i++) {
console.log(i); // In ra: 0, 1, 2, 3, 4
}

// Khai báo mảng
let arr = ["a","b","c","d"];
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]); // In ra: a b c d
}

2. Vòng lặp for...in

Vòng lặp for...in được sử dụng để duyệt qua các thuộc tính của một đối tượng. Nó giúp bạn lặp qua tất cả các khóa (key) trong một đối tượng.

Cú pháp:

for (let key in object) {
  // Thực thi đoạn mã
}

key: Tên thuộc tính (key) của đối tượng.
object: Đối tượng cần duyệt qua.

Ví dụ:

const person = { name: "Alice", age: 25, job: "Engineer" };
for (let key in person) {
console.log(key, person[key]);  // In ra: name Alice, age 25, job Engineer
}

3. Vòng Lặp for...of

Vòng lặp for...of được sử dụng để duyệt qua các giá trị của một iterable (như mảng, chuỗi, hoặc Map). Nó giúp bạn dễ dàng truy cập các phần tử trong một mảng hoặc chuỗi mà không cần phải sử dụng chỉ số.

Cú pháp:

  for (let value of iterable) {
  // Thực thi đoạn mã
}

value: Giá trị của từng phần tử trong iterable.
iterable: Dữ liệu có thể lặp (mảng, chuỗi, Map, v.v.).

Ví dụ:

let arr = [10, 20, 30, 40];

for (let value of arr) {
    console.log(value);
}
// 10
// 20
// 30
// 40

4. Vòng Lặp while

Vòng lặp while lặp lại đoạn mã khi điều kiện đúng. Loại vòng lặp này được sử dụng khi bạn không biết trước số lần lặp, mà thay vào đó dựa vào một điều kiện.

Cú pháp:

while (condition) {
   // Thực thi đoạn mã
}

condition: Đây là biểu thức điều kiện. Vòng lặp sẽ tiếp tục chạy cho đến khi điều kiện này trả về false.
Mã trong thân vòng lặp sẽ được thực thi mỗi lần điều kiện là true.

Ví dụ:

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

5. Vòng Lặp do...while

Vòng lặp do...while là một loại vòng lặp đặc biệt. Điểm khác biệt lớn so với vòng lặp while là vòng lặp do...while đảm bảo thực thi ít nhất một lần.
Điều kiện chỉ được kiểm tra sau khi đoạn mã trong vòng lặp được thực thi lần đầu. Điều này khiến vòng lặp do...while trở thành lựa chọn tốt khi bạn muốn đảm bảo rằng mã trong vòng lặp sẽ được thực thi ít nhất một lần.

Cú pháp:

do {
 // Thực thi đoạn mã
} while (condition);

condition: Là điều kiện được kiểm tra sau mỗi lần thực thi mã trong thân vòng lặp.

Ví dụ:

let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);

6. Phương thức forEach()

forEach là một phương thức trong JavaScript được sử dụng để lặp qua các phần tử của một mảng. Phương thức này sẽ thực thi một hàm callback cho mỗi phần tử trong mảng theo thứ tự, và nó không trả về giá trị nào.
Lưu ý: forEach chỉ làm việc với mảng, không thể sử dụng trên các đối tượng khác.

Cú pháp:

array.forEach(function(currentValue, index, array) {
    // Mã lệnh thực thi cho mỗi phần tử
});

currentValue: Giá trị của phần tử hiện tại trong mảng.
index (tùy chọn): Chỉ số của phần tử trong mảng.
array (tùy chọn): Mảng gốc mà bạn đang lặp qua.

Ví dụ:

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(value, index) {
    console.log(`Index: ${index}, Value: ${value}`);
});
// Index: 0, Value: 1
// Index: 1, Value: 2
// Index: 2, Value: 3
// Index: 3, Value: 4
// Index: 4, Value: 5

7.Phương thức Map()

Phương thức map() một phương thức được sử dụng trên mảng để tạo ra một mảng mới, trong đó mỗi phần tử là kết quả của việc áp dụng một hàm callback cho từng phần tử trong mảng gốc.
Khác với forEach(), phương thức map() sẽ trả về một mảng mới và không thay đổi mảng ban đầu.

Cú pháp:

let newArray = array.map(function(currentValue, index, array) {
   // Trả về giá trị mới cho mảng mới
});

currentValue: Giá trị của phần tử hiện tại trong mảng.
index (tùy chọn): Chỉ số của phần tử trong mảng.
array (tùy chọn): Mảng gốc mà bạn đang lặp qua.

Ví dụ:

let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(function(value) {
    return value * 2;
});
console.log(newArr); // Output: [2, 4, 6, 8, 10]

Cấu trúc điều kiện trong Javascript

Dương Thái — Sun, 19 Jan 2025 17:54:01 +0000

Cấu trúc điều kiện là một phần quan trọng và phổ biến trong JavaScript, Nó được sử dụng để kiểm tra điều kiện và quyết định hành động tiếp theo dựa trên kết quả đúng hoặc sai của các điều kiện đó. Việc nắm vững cách sử dụng cấu trúc điều kiện sẽ giúp bạn kiểm soát luồng hoạt động của chương trình và làm cho công việc lập trình trở nên dễ dàng hơn.

Vậy, cấu trúc điều kiện hoạt động như thế nào trong JavaScript? Trong bài viết này, chúng ta sẽ cùng khám phá những khái niệm cơ bản và ứng dụng thực tiễn của cấu trúc điều kiện.

1. Câu lệnh if...else

Câu lệnh if...else là một trong những cấu trúc điều kiện cơ bản nhất trong JavaScript, được sử dụng để kiểm tra một điều kiện và thực hiện các hành động khác nhau dựa trên việc điều kiện đó đúng hay sai.

Câu lệnh `if`

Đối với câu lệnh if...else không nhất thiết phải có else, mà ta có thể sử dụng if độc lập để kiểm tra một điều kiện và thực hiện một đoạn mã nếu điều kiện đó đúng.

if (condition) {
    // Khối mã thực thi nếu điều kiện đúng true
}

Cú Pháp:

condition là biểu thức điều kiện mà bạn muốn kiểm tra. Nếu biểu thức này trả về true đoạn mã trong dấu {} sẽ được thực thi. Nếu điều kiện là false thì đoạn mã bên trong câu lệnh if sẽ bị bỏ qua.

let age = 18;
if (age >= 18) {
    console.log("Bạn đủ tuổi để lái xe.");
}

Trong ví dụ trên, nếu giá trị của age là 18 hoặc lớn hơn, thì chương trình sẽ in ra "Bạn đủ tuổi để lái xe.".

Câu lệnh `if...else`

Câu lệnh đầy đủ if...else cho phép bạn kiểm tra một điều kiện và thực hiện logic theo hai trường hợp đúng hoặc sai.

Cú Pháp:

if (condition) {
    // Khối mã thực thi nếu điều kiện đúng (true)
} else {
    // Khối mã thực thi nếu điều kiện sai (false)
}

Ví dụ:

let age = 18;
if (age >= 18) {
    console.log("Bạn đủ tuổi để lái xe.");
} else {
    console.log("Bạn chưa đủ tuổi để lái xe.");
}

Trong ví dụ trên, nếu giá trị của age là 18 hoặc lớn hơn, thì chương trình sẽ in ra "Bạn đủ tuổi để lái xe.". Nếu giá trị của age nhỏ hơn 18, thì chương trình sẽ in ra "Bạn chưa đủ tuổi để lái xe."

2. Câu lệnh `switch...case`

Câu lệnh switch...case trong lập trình được sử dụng để kiểm tra một giá trị và thực thi các đoạn mã tương ứng với giá trị đó. Câu lệnh này giúp thay thế một chuỗi các câu lệnh if...else khi cần kiểm tra nhiều giá trị khác nhau của một biến.

Cú Pháp:

switch (biến) {
    case giá_trị_1:
        // Mã thực thi khi biến == giá_trị_1
        break; // Để dừng lại sau khi thực thi
    case giá_trị_2:
        // Mã thực thi khi biến == giá_trị_2
        break;
    case giá_trị_n:
        // Mã thực thi khi biến == giá_trị_n
        break;
    default:
        // Mã thực thi khi không có giá trị nào đúng
}

Ví dụ:

let day = 2;
switch (day) {
    case 1:
        console.log("Thứ 2");
        break;
    case 2:
        console.log("Thứ 3");
        break;
    case 3:
        console.log("Thứ 4");
        break;
    case 4:
        console.log("Thứ 5");
        break;
    case 5:
        console.log("Thứ 6");
        break;
    case 6:
        console.log("Thứ 7");
        break;
    case 7:
        console.log("Chủ nhật");
        break;
    default:
        console.log("Invalid day");
}
// Kết quả: "Thứ 3"

Cú Pháp:

3. Toán tử 3 ngôi (toán tử điều kiện)

Toán tử 3 ngôi cho phép thực hiện một phép kiểm tra đơn giản mà không cần dùng câu lệnh if...else.

condition ? block_1 : block_2;

condition: Điều kiện bạn muốn kiểm tra.
block_1: Biểu thức sẽ được thực thi nếu điều kiện đúng.
block_2: Biểu thức sẽ được thực thi nếu điều kiện sai.

let age = 18;
let message = age >= 18 ? "Bạn đã đủ tuổi." : "Bạn chưa đủ tuổi.";
console.log(message); // Bạn đã đủ tuổi.

4. Toán tử logic `&&`

Toán tử && trong JavaScript có thể được sử dụng để kiểm tra một điều kiện và thực thi mã nếu điều kiện đó đúng. Là một kỹ thuật phổ biến để viết mã ngắn gọn.

condition && codeToExecute;

condition: Điều kiện bạn muốn kiểm tra.
codeToExecute: Mã sẽ được thực thi nếu điều kiện là true.

let age = 20;
age >= 18 && console.log("You are an adult.");

Nếu age >= 18, sẽ in ra "You are an adult.",nếu sai thì sẽ ko có gì.

5. Các Trường hợp sử dụng

if...else nên dùng khi:

- Khi bạn có các điều kiện phức tạp hoặc cần thực hiện nhiều phép kiểm tra với các hành động khác nhau cho từng điều kiện.
- Khi bạn cần kiểm tra điều kiện với các phép toán phức tạp, kết hợp nhiều điều kiện logic, hoặc kiểm tra điều kiện với các kiểu dữ liệu khác nhau.
- Khi bạn cần thêm các khối mã khác nhau cho các điều kiện khác nhau.

switch...case nên dùng khi:

- Khi bạn cần kiểm tra một biến với nhiều giá trị khác nhau (một giá trị cụ thể) và thực thi các hành động khác nhau tùy thuộc vào giá trị của biến đó.
- Khi bạn có một số lượng lớn các điều kiện dựa trên một giá trị duy nhất và muốn mã ngắn gọn và dễ hiểu hơn so với chuỗi if...else if...else.

Toán tử ba ngôi (? :)nên dùng khi:

- Khi bạn chỉ có hai lựa chọn (đúng - sai) và muốn viết mã ngắn gọn.
- Khi bạn muốn thay thế một câu lệnh if...else đơn giản trong một dòng, đặc biệt khi gán giá trị hoặc thực hiện hành động đơn giản.

Toán tử logic (&&) nên dùng khi:

- Khi bạn muốn kiểm tra một điều kiện và chỉ thực thi mã nếu điều kiện đúng.
- Khi bạn muốn tránh lỗi do truy cập thuộc tính không tồn tại (null hoặc undefined).

6. Tổng kết

Trong bài viết này, mình đã giới thiệu với các bạn về các câu lệnh điều kiện và cách việc thông dụng với nó trong JavaScript,

Hy vọng bài viết này sẽ có thể giúp đỡ các bạn trong quá trình học và tìm hiểu về JavaScript.

Tìm hiểu về mảng (Array) trong Javascript

Dương Thái — Mon, 13 Jan 2025 15:46:52 +0000

Mảng (Array) trong Javascript là một loại dữ liệu đặc biệt dùng để lưu trữ nhiều giá trị trong một biến duy nhất được sử dụng phổ biến trong các ngôn ngữ lập trình. Vậy chúng ta hãy cùng tìm hiểu về cách mảng hoạt động và giúp bạn phát triển các ứng dụng JavaScript như thế nào nhé.

I. Khái niệm

Mảng là một cấu trúc dữ liệu được sử dụng để lưu trữ một danh sách các giá trị (phần tử). Là một đối tượng đặc biệt được xây dựng sẵn trong JavaScript và cung cấp cách để quản lý và thao tác các tập hợp dữ liệu một cách hiệu quả.

II. Khởi tạo

Có 2 cách chính để khởi tạo mảng:

Dùng dấu ngoặc vuông []: Cách phổ biến và đơn giản nhất.

let arr = [1, 2, 3, 4, 5]; // Mảng chứa các số
let emptyArr = [];         // Mảng rỗng
let mixedArr = [1, "two", true]; // Mảng chứa các kiểu dữ liệu khác nhau

Sử dụng Array() constructor:

let arr1 = new Array(5);          // Tạo mảng với độ dài 5, các phần tử ban đầu là undefined
let arr2 = new Array(1, 2, 3);    // Tạo mảng chứa các giá trị [1, 2, 3]

Lưu ý: Nếu truyền một số duy nhất, nó sẽ được hiểu là độ dài của mảng, không phải phần tử.

III. Đặc điểm

Mảng có thể chứa nhiều giá trị, mỗi giá trị được gọi là một phần tử.
Các phần tử trong mảng được phân biệt thông qua chỉ số (index), bắt đầu từ 0.
Hỗ trợ các kiểu dữ liệu khác nhau như: number, string, boolean, object hoặc array.
Là một đối tượng đặc biệt: được coi là một đối tượng (object), nhưng có các tính năng và phương thức đặc biệt để xử lý danh sách dữ liệu.
Kích thước động: có thể thêm hoặc xóa phần tử mà không cần khai báo lại.

IV. Các hàm làm việc với mảng

1. Truy cập mảng

Một phần tử trong một mảng JavaScript được truy cập bằng cách tham chiếu đến vị trí index của phần tử đó trong .

let fruits = ["Apple", "Banana", "Cherry"];

console.log(fruits[0]); // Kết quả: "Apple"
console.log(fruits[1]); // Kết quả: "Banana"
console.log(fruits[2]); // Kết quả: "Cherry"

2. Độ dài mảng

Độ dài mảng được xác định thông qua thuộc tính .length thuộc tính này trả về số lượng phần tử trong mảng.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits.length); // Kết quả: 3

3. Thêm và xóa phần tử

push(element): Thêm phần tử vào cuối mảng.
pop(): Xóa phần tử cuối cùng và trả về phần tử đó.
unshift(element): Thêm phần tử vào đầu mảng.
shift(): Xóa phần tử đầu tiên và trả về phần tử đó.

let arr = [1, 2, 3];
arr.push(4); // Thêm 4 vào cuối
console.log(arr); // [1, 2, 3, 4]

arr.pop(); // Xóa phần tử cuối
console.log(arr); // [1, 2, 3]

arr.unshift(0); // Thêm 0 vào đầu
console.log(arr); // [0, 1, 2, 3]

arr.shift(); // Xóa phần tử đầu
console.log(arr); // [1, 2, 3]

4. Cắt, nối, và thay đổi

slice(start, end): Lấy ra một phần của mảng (không làm thay đổi mảng gốc).
splice(start, deleteCount, ...items): Xóa, thay thế hoặc chèn phần tử vào mảng.
concat(...arrays): Nối mảng với các mảng khác.

let arr = [1, 2, 3, 4, 5];

let sliced = arr.slice(1, 4); // Cắt từ index 1 đến index 4 (không bao gồm index 4)
console.log(sliced); // [2, 3, 4]

arr.splice(1, 2, "a", "b"); // Từ index 1 Xóa 2 phần tử và chèn "a", "b" vào
console.log(arr); // [ 1, 'a', 'b', 4, 5 ]

let newArr = arr.concat([6, 7]);
console.log(newArr); // [ 1, 'a', 'b', 4, 5, 6, 7]

5. Chuyển đổi mảng thành chuỗi

join(separator): Kết hợp các phần tử thành chuỗi.
toString(): Chuyển mảng thành chuỗi (dùng dấu phẩy mặc định).

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits.join(" - ")); // "Apple - Banana - Cherry"
console.log(fruits.toString()); // "Apple,Banana,Cherry"

6. Sắp xếp và đảo ngược

sort(): Sắp xếp mảng (mặc định theo thứ tự chữ cái).
reverse(): Đảo ngược mảng.

let numbers = [3, 1, 4, 2];
numbers.sort(); // Sắp xếp (mặc định theo chuỗi)
console.log(numbers); // [1, 2, 3, 4]

numbers.reverse(); // Đảo ngược
console.log(numbers); // [4, 3, 2, 1]

7. Lặp qua mảng

forEach(callback): Duyệt qua mảng, thực hiện một hành động trên mỗi phần tử.
map(callback): Tạo một mảng mới từ kết quả của hàm callback.

let numbers = [1, 2, 3, 4, 5];

// forEach
numbers.forEach((item) => {
 // logic
   console.log(item * 2
)}); // 2, 4, 6, 8, 10

// map
let squares = numbers.map(num => num * num);
console.log(squares); // [1, 4, 9, 16, 25]

8. Kiểm tra điều kiện

some(callback): Kiểm tra xem chỉ cần có ít nhất một phần tử thỏa mãn điều kiện.
every(callback): Kiểm tra xem tất cả các phần tử có thỏa mãn điều kiện không.

let numbers = [1, 2, 3, 4];

let hasEven = numbers.some(num => num % 2 === 0); // Có số chẵn không?
console.log(hasEven); // true

let allPositive = numbers.every(num => num > 0); // Tất cả đều dương?
console.log(allPositive); // true

9. Tìm kiếm

indexOf(element): Tìm vị trí của phần tử
lastIndexOf(element): Tìm vị trí cuối cùng của phần tử trong mảng

let arr = [1, 2, 3, 2, 4];
console.log(arr.indexOf(2)); // 1 (vị trí đầu tiên của 2)
console.log(arr.indexOf(5)); // -1 (không tìm thấy)
console.log(arr.lastIndexOf(2)); // 3 (vị trí cuối cùng của 2)

find(callback): Tìm kiếm và trả về 1 giá trị thỏa mãn điều kiện.

let numbers = [5, 12, 8, 130, 44];
let found = numbers.find(num => num > 10);
console.log(found); // 12 (phần tử đầu tiên lớn hơn 10)

filter(callback): Tìm kiếm và trả về 1 giá trị thỏa mãn điều kiện.

let numbers = [5, 12, 8, 130, 44];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [12, 8, 130, 44] (các số chẵn)

V. Tổng kết

Trong bài viết này, mình đã giới thiệu với các bạn về mảng (Array) và các hàm làm việc thông dụng với mảng trong JavaScript, từ việc khởi tạo đến các phương thức phổ biến khi làm việc với mảng trong JavaScript.
Hy vọng bài viết này sẽ có thể giúp đỡ các bạn trong quá trình học và tìm hiểu về JavaScript.

Kiểu dữ liệu number trong Javascript

Dương Thái — Tue, 31 Dec 2024 15:16:12 +0000

Số (number) trong Javascript là một trong những kiểu giá trị quan trọng và phổ biến trong tất cả ngôn ngữ lập trình. Vậy chúng ta hãy cùng bắt đầu tìm hiểu về cách Number hoạt động và giúp bạn phát triển các ứng dụng JavaScript như thế nào nhé.

1. Khái niệm và phân loại

Số (number) là kiểu dữ liệu đại diện cho tất cả các giá trị số gồm cả số nguyên và số thực (số dấu phẩy động).
Không phân biệt giữa số nguyên (integer) và số thực (float), tất cả đều thuộc kiểu Number.

let x = 10;
let y = 10.5;
let z = 1e6;

Gồm có 2 kiểu chính:
Các số thường: Đây là kiểu dữ liệu số thông dụng nhất trong JavaScript, dùng để đại diện cho tất cả các giá trị số gồm:
- Số nguyên (e.g., 10, -5)
- Số thực (số thập phân, e.g., 3.14, -0.001)
- Các giá trị đặc biệt: - Infinity (Vô cực). - Infinity: Âm vô cực. NaN (Not-a-Number): Xuất hiện khi một phép toán số học không hợp lệ.

- trong Javascript được lưu dưới dạng 64bit IEEE 754 (số phẩy động)

let a = 42;       // Số nguyên
let b = 3.14;     // Số thực
let c = Infinity; // Vô cực
let d = NaN;      // Không phải số

BigInt (Kiểu số lớn): Là loại số sử dụng để biểu thị số nguyên rất lớn (hoặc rất nhỏ) hoặc có độ dài tùy ý.

- BigInt là kiểu dữ liệu mới được giới thiệu từ ECMAScript 2020.
Ký hiệu bằng cách thêm chữ n ở cuối số.

let largeNumber = 123456789012345678901234567890n; // Số nguyên rất lớn
let smallNumber = 10n; // Số nguyên nhỏ

2. Làm việc với số

Các phép toán cơ bản: cộng, trừ, nhân, chia, chia lấy dư, lũy thừa.

let x = 10;
let y = 3;

console.log(x + y); // 13
console.log(x - y); // 7
console.log(x * y); // 30
console.log(x / y); // 3.3333333333333335
console.log(x % y); // 1 (chia lấy dư)
console.log(2 ** 3); // 8 (2 mũ 3)

Tăng giảm một đơn vị

Tăng (++)

let x = 5;
x++;  // Tăng 1 -> x = 6

Giảm (--)

let x = 5;
x--;  // Giảm 1 -> x = 4

Lưu ý: Tiền tố (++x hoặc --x): Thực hiện phép toán trước khi trả giá trị. Hậu tố (x++ hoặc x--): Trả giá trị trước khi thực hiện phép toán.

Sử dụng các phương thức của đối tượng Math

Math.PI: Lấy ra số pi.
Math.round(): Làm tròn đến số nguyên gần nhất.
Math.abs(): Lấy giá trị tuyệt đối.
Math.ceil() : làm tròn lên.
Math.floor(): làm tròn dưới.
Math.max(): trả về số lớn nhất trong dãy số.
Math.min(): trả về số nhỏ nhất trong dãy số.
Math.pow(): tính số mũ.
Math..sqrt(): tính căn bậc hai.
Math.random(): in ra dãy số thập phân ngẫu nhiên nhỏ hơn 1.

console.log(Math.PI); // 3.141592653589793
console.log(Math.round(3.7)); // 4
console.log(Math.abs(-10));   // 10
console.log(Math.ceil(3.1));  // 4
console.log(Math.floor(3.9)); // 3
console.log(Math.max(1, 2, 3)); // 3
console.log(Math.min(1, 2, 3)); // 1
console.log(Math.pow(2, 3)); // 8 (2 mũ 3)
console.log(Math.sqrt(25));  // 5
console.log(Math.random());

Sử dụng đối tượng Number

Number.isFinite(value): Kiểm tra giá trị có phải số hữu hạn hay không.
Number.isInteger(value): Kiểm tra giá trị có phải số nguyên hay không.
parseInt(value): chuyển chuỗi thành số phẩy động.
parseFloat(value): chuyển chuỗi thành số nguyên.
toString(): chuyển số thành chuỗi.
toFixed(): làm tròn số.

console.log(Number.isFinite(2/0)) // false
console.log(Number.isFinite(20/4)) // true
console.log(Number.isInteger(99)) // true
console.log(Number.isInteger(0.5)) // false
console.log(parseInt("42"));    // 42
console.log(parseInt("46.5"));    // 46
console.log(Number.parseFloat("3.14"));  // 3.14

3. Tổng kết

Trong bài viết này, mình đã giới thiệu với các bạn về kiểu dữ liệu số (number) và cách làm việc với chuỗi trong JavaScript, từ việc khởi tạo đến các phương thức phổ biến khi làm việc với số trong JavaScript.
Hy vọng bài viết này sẽ có thể giúp đỡ các bạn trong quá trình học và tìm hiểu về JavaScript.

Toán tử trong Javascript

Dương Thái — Fri, 27 Dec 2024 15:53:08 +0000

I. Toán tử là gì?

Toán tử là các dấu hay ký tự đặc biệt, dùng để thực hiện các thao tác trên giá trị hoặc biến nào đó để cho ra kết quả cuối cùng.

II. Các loại toán tử

Trong JavaScript có nhiều loại toán tử mà bạn nên biết như :

Toán tử số học - Arithmetic Operators
Toán tử gán - Assignment Operators
Toán tử so sánh - Comparison Operators
Toán tử logic - Logical Operators
Toán tử chuỗi - String Operators
Toán tử ba ngôi - ternary operator

1. Toán tử số học - Arithmetic Operators

Toán tử số học trong JavaScript là các ký hiệu dùng để thực hiện các phép tính toán học cơ bản trên số. Chúng giúp xử lý các phép toán như cộng, trừ, nhân, chia...

Toán tử	Mô tả
+	Cộng
-	Trừ
*	Nhân
**	Nhân lũy thừa
/	chia
%	Chia lấy dư
++	Tăng giá trị lên 1 đơn vị
--	Giảm giá trị xuống 1 đơn vị

Ví dụ :

let x = 10;
let y = 3;

console.log(x + y);  // 13
console.log(x - y);  // 7
console.log(x * y);  // 30
console.log(x / y);  // 3.3333333333333335
console.log(x % y);  // 1
console.log(x ** y); // 1000
x++;
console.log(x);      // 11
x--;
console.log(x);      // 10

2. Toán tử gán - Assignment Operators

Toán tử gán được sử dụng để gán giá trị cho một biến. Toán tử gán cơ bản là =, nhưng JavaScript cũng cung cấp nhiều toán tử gán kết hợp để thực hiện các phép tính và gán giá trị cùng lúc.

Toán tử	Mô tả	Tương đương
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x**y

Ví dụ:

let x = 10;

x += 5;  // x = 10 + 5 (x = 15)
x -= 3;  // x = 15 - 3 (x = 12)
x *= 2;  // x = 12 * 2 (x = 24)
x /= 4;  // x = 24 / 4 (x = 6)
x %= 5;  // x = 6 % 5 (x = 1)
x **= 3; // x = 1 ** 3 (x = 1)

3. Toán tử so sánh - Comparison Operators

Dùng để so sánh hai giá trị và trả về một kết quả kiểu boolean (true hoặc false). Chúng thường được dùng trong các điều kiện hoặc các biểu thức logic.

Toán tử	Mô tả
==	So sánh bằng theo giá trị
===	So sánh bằng cả giá trị và kiểu
!=	So sánh không bằng theo giá trị
!==	So sánh không bằng theo cả giá trị và kiểu
>	Lớn hơn
<	Bé hơn
>=	Lớn hơn hoặc bằng
<=	Bé hơn hoặc bằng

Lưu ý: khi sử dụng == === và != !==

== không so sánh kiểu dữ liệu, do đó nó sẽ tự động chuyển đổi (coerce) kiểu dữ liệu để so sánh.
=== yêu cầu cả giá trị và kiểu phải giống nhau.

console.log("5" == 5); // true
console.log("5" === 5); // false

!= và !== tương tự

console.log("5" != 5); // false
console.log("5" !== 5); // true

4. Toán tử logic - Logical Operators

Toán tử logic được sử dụng để thực hiện các phép toán logic, thường dùng để kết hợp nhiều điều kiện hoặc biểu thức và trả về kết quả dạng boolean (true hoặc false) Rất phổ biến trong các cấu trúc điều khiển như if-else, while, hoặc trong các điều kiện phức tạp.

Toán tử	Tên	Mô tả
&&	Toán tử AND	Trả về `true` nếu tất cả các biểu thức đều đúng, ngược lại trả về `false`
\	\
!	Toán tử NOT	Đảo ngược giá trị logic của một biểu thức. Nếu biểu thức là `true`, kết quả sẽ là `false`, và ngược lại.

// AND
console.log(true && true);   // true
console.log(true && false);  // false
console.log(5 > 3 && 10 > 8); // true
// OR
console.log(true || false);  // true
console.log(false || false); // false
console.log(5 > 10 || 8 > 3); // true
// NOT
console.log(!true);    // false
console.log(!false);   // true
console.log(!(5 > 3)); // false

5. Toán tử nối chuỗi

Toán tử nối chuỗi (+): dừng để nối các chuỗi và biến lại với nhau Cú pháp: chuỗi1 + chuỗi2

let firstName = "John";
let lastName = "Doe";
console.log(firstName + " " + lastName); // "John Doe"
console.log(5 + "5");// 55

Lưu ý: Nếu một trong các toán hạng là số và toán hạng còn lại là chuỗi, thì JavaScript sẽ chuyển số thành chuỗi trước khi nối

6. Toán tử ba ngôi - ternary operator

Toán tử ba ngôi là một cách ngắn gọn để viết các câu lệnh điều kiện if-else một cách ngắn gọn. Đây là toán tử duy nhất trong JavaScript có ba toán hạng.
Điều kiện ? giá trị 1 : giá trị 2

giá trị 1: Giá trị hoặc biểu thức được thực thi nếu Điều kiện là true.
giá trị 2: Giá trị hoặc biểu thức được thực thi nếu Điều kiện là false.

let age = 20;
let access = (age >= 18) ? "Được phép truy cập" : "Bạn chưa đủ tuổi";
console.log(access); // "Được phép truy cập"

Ưu điểm:

Ngắn gọn và dễ viết: Giúp mã ngắn hơn khi xử lý điều kiện đơn giản.
Trực quan hơn: Khi viết mã ngắn gọn, dễ hiểu hơn.

Nhược điểm:

Khó đọc: Nếu lồng nhiều toán tử ba ngôi, mã sẽ trở nên khó hiểu.
Hạn chế với logic phức tạp: Với các điều kiện phức tạp, if-else sẽ rõ ràng hơn.

7. Lời kết

Trên đây là các loại toán tử phổ biến thường gặp, ngoài ra trong Js còn một số toán tử khác mang tính chuyên dụng hơn các bạn có thể chủ động tìm hiểu thêm nhé. Để giải quyết các bài toán lập trình với Javascript việc nắm vững các toán tử Js là yêu cầu bắt buộc đối với các lập trình viên.

Chuỗi (String) strong Jacascript

Dương Thái — Fri, 27 Dec 2024 15:52:01 +0000

I. Khái quát

1. Khái niệm

chuỗi (string) là một kiểu dữ liệu được sử dụng để lưu trữ một chuỗi ký tự có thể bao gồm chữ cái, số, ký hiệu, từ hoặc câu .
Chuỗi là một tập hợp các ký tự được bao bọc bởi dấu nháy đơn (') hoặc dấu nháy kép ("), và từ ES6, bạn cũng có thể sử dụng template literals với dấu backtick.

2. Tạo chuỗi

Có 3 cách để tạo chính để tạo chuỗi:

Sử dụng Dấu Nháy Đơn hoặc Dấu Nháy Kép:

let singleQuote = 'Hello, world!';
let doubleQuote = "Hello, world!";

Sử dụng Constructor String:

let str = String("Hello, world!"); // Chuyển đổi sang chuỗi
let anotherStr = new String("Hello, world"); // Tạo đối tượng chuỗi

Lưu ý: Trong trường hợp sử dụng dấu nháy đơn ' và dấu nháy kép "" trong chuỗi bạn cần sử dụng thêm ký tự backslash () để có thể hiển thị chúng.

let escapeSingle = 'It\'s a sunny day.'; // It's a sunny day.
let escapeDouble = "He said, \"Hello!\""; // He said, "Hello!"

Dấu nháy ngược (Template literals):

let str1 = "World";
let str2 = `Hello ${str1}`; // Template literals, hỗ trợ nội suy
console.log(str2); // Output: Hello World

II. Làm việc với chuỗi

1. Kiểm tra độ dài chuỗi (length)

cú pháp: string.length

let text = "JavaScript";
console.log(text.length); // Output: 10

2. Tìm kiếm chuỗi

Tìm vị trí xuất hiện đầu tiên:
cú pháp: string.indexOf(searchValue, start)

searchValue: Chuỗi con cần tìm.
start (tùy chọn): Vị trí bắt đầu tìm kiếm trong chuỗi cha (mặc định là 0).

let text = "Hello, world!";
console.log(text.indexOf("world")); // Output: 7
console.log(text.indexOf("JavaScript")); // Output: -1

Tìm vị trí xuất hiện cuối cùng:
cú pháp: string.lastIndexOf(searchValue, start)

searchValue: Chuỗi con cần tìm.
start (tùy chọn): Vị trí bắt đầu tìm kiếm trong chuỗi cha (mặc định là 0).

let text = "Hello, world!, Hello, world!";
console.log(text.lastIndexOf("world")); // Output: 22
console.log(text.lastIndexOf("Python")); // Output: -1
console.log(text.lastIndexOf("world", 10)); // Output: 7

Lưu ý:

Nếu chuỗi con không được tìm thấy, indexOf() sẽ trả về giá trị -1.
indexOf() chỉ tìm được vị trí đầu tiên mà chuỗi con xuất hiện. Javascript sẽ bỏ qua những vị trí xuất hiện sau đó.
lastIndexOf() chỉ tìm được vị trí cuối mà chuỗi con xuất hiện. Javascript sẽ bỏ qua những vị trí xuất hiện trước đó.

4. Cắt chuỗi (slice)

Cú pháp: string.slice(startIndex, endIndex)

startIndex: Vị trí bắt đầu (tính từ 0).
endIndex (tùy chọn): Vị trí kết thúc, không bao gồm ký tự tại endIndex. Nếu bỏ qua, chuỗi sẽ được cắt từ startIndex đến hết.


let text = "JavaScript is awesome";
console.log(text.slice(0, 10));  // Output: "JavaScript"
console.log(text.slice(11));     // Output: "is awesome"
console.log(text.slice(-7));     // Output: "awesome"
console.log(text.slice(-7, -1)); // Output: "awesom"

5. Thay Thế (replace)

Cú pháp: string.replace(searchValue, newValue)

searchValue: Chuỗi con cần tìm.
newValue: Chuỗi thay thế.

Lưu ý: Phương thức replace() có phân biệt chữ hoa và chữ thường

let text = "Hello, world!";
let newText1 = text.replace("World", "JavaScript");
let newText2 = text.replace("world", "JavaScript");
console.log(newText1); // Output: "Hello, world!" (không thay thế vì "world" khác "World")
console.log(newText2); // Output: "Hello, JavaScript!"

6. Chuyển đổi chữ hoa và chữ thường

string.toUpperCase(): Chuyển thành chữ in hoa
string.toLowerCase(): Chuyển thành chữ thường

let text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

7. Kiểm tra chuỗi con

string.includes(searchString, position): kiểm tra có giá trị trong chuỗi không.
string.startsWith(searchString, position): kiểm tra giá trị bắt đầu.
string.endsWith(searchString, length): kiểm tra giá trị kết thúc.

let text = "JavaScript is fun";
console.log(text.includes("fun")); // Output: true
console.log(text.startsWith("Java")); // Output: true
console.log(text.endsWith("fun")); // Output: true

8. Tách chuỗi

Dựa vào điểm chung để cắt chuỗi và trả về dạng array.

Cú pháp: string.split(separator)

separator: Ký tự hoặc điểm chung. Nếu không chỉ định, chuỗi sẽ không bị tách.

let text = "Apple, Banana, Orange";
let fruits = text.split(", ");
console.log(fruits); // Output: ["Apple", "Banana", "Orange"]

9. Nối chuỗi

let text1 = "Hello";
let text2 = "World";
let result = text1 + " " + text2;
let result2 = `${text1} ${text2}`; // Template literals
console.log(result); // Output: Hello World
console.log(result2); // Output: Hello World

10. Xóa khoảng trắng

Cú pháp: string.trim()

let text = "   JavaScript   ";
console.log(text.trim()); // Output: JavaScript

10. Chuyển đổi kiểu

let str = "123";
let num = 123;
console.log(Number(str)); // Output: 123
console.log(parseInt(str)); // Output: 123
console.log(String(num)); // Output: "123"
console.log(num.toString()); // Output: "123"

III. Lời kết

Trong bài viết này, mình đã giới thiệu cho các bạn những điều cơ bản về cách làm việc với chuỗi trong JavaScript, từ việc tạo và hiển thị các ký tự chuỗi và các phương thức phổ biến khi làm việc với chuỗi trong JavaScript.
Hy vọng bài viết trên có thể giúp đỡ các bạn trong việc hiểu thêm về JavaScript.

Tìm hiểu Object trong JavaScript

Dương Thái — Fri, 27 Dec 2024 15:45:31 +0000

Object là một phần quan trọng trong JavaScript, được sử dụng để lưu trữ và quản lý dữ liệu. Việc nắm vững cách hoạt động của Object sẽ giúp bạn viết code hiệu quả hơn. Vậy chúng ta hãy cùng tìm hiểu trong bsif viết này nhé!

1. Khái niệm

Object trong JavaScript là một cấu trúc dữ liệu dùng để lưu trữ các giá trị dưới dạng cặp key-value Trong đó: Key: Là tên thuộc tính, thường là chuỗi hoặc ký hiệu. Value: Là dữ liệu được lưu trữ, có thể thuộc bất kỳ kiểu dữ liệu nào như số, chuỗi, mảng...
Một object có thể bao gồm một hoặc nhiều thuộc tính (properties) và phương thức (methods).

2. Đặc điểm cơ bản của Object:

Cấu trúc dạng key-value: Mỗi thuộc tính (property) của Object là một cặp key (tên thuộc tính) và value (giá trị).
Động: Bạn có thể thêm, sửa đổi hoặc xóa các thuộc tính bất kỳ lúc nào.
Linh hoạt: Các giá trị trong Object có thể là bất kỳ kiểu dữ liệu nào, bao gồm cả số, chuỗi, hàm, mảng hoặc thậm chí là một Object khác.

3. Khởi tạo

Sử dụng dấu ngoặc nhọn {}: đây là cách khai báo phổ biến.

const person = {
  name: "John", // Thuộc tính name có giá trị "John"
  age: 30  // Thuộc tính age có giá trị 30
};

Sử dụng Object() constructor

let car = new Object();
car.brand = "Toyota";
car.model = "Corolla";

Sử dụng Object.create()

const animal = Object.create(null);
animal.type = "Dog";
animal.sound = "Bark";

Sử dụng class (ES6)

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}
const person = new Person("Alice", 25);

4. Truy cập thuộc tính

Dùng dấu chấm .
Dùng dấu ngoặc vuông []

const person = {
  name: "Alice",
  age: 25,
};
// Sử dụng dấu chấm
console.log(person.name); // "Alice"
console.log(person.age);  // 25

// Sử dụng dấu ngoặc vuông (có thể sử dụng khi tên thuộc tính chứa ký tự đặc biệt hoặc biến)
console.log(person["name"]); // "Alice"
console.log(person["age"]);  // 25

5. object Constructor

Được hiểu là việc sử dụng một hàm constructor để tạo ra các đối tượng với cấu trúc và hành vi giống nhau. Cách sử dụng này cho phép bạn tái sử dụng mã và tạo ra các đối tượng với các thuộc tính và phương thức chung

function Person(name, age) {
    this.name = name;
    this.age = age;
}

let person1 = new Person("Alice", 25);
let person2 = new Person("Bob", 30);

console.log(person1); // Person { name: 'Alice', age: 25 }
console.log(person2); // Person { name: 'Bob', age: 30 }

Ưu điểm

Tái sử dụng mã
Tạo đối tượng với cấu trúc xác định
Quản lý đối tượng dễ dàng hơn
Hỗ trợ kế thừa

Nhược điểm

Cú pháp phức tạp hơn so với cách tạo đối tượng bằng dấu ngoặc nhọn {}
Không linh hoạt cho các đối tượng đơn giản
Khó khăn trong việc kế thừa (đối với các hàm constructor truyền thống)

6. Các thao tác với Object

Thêm hoặc sửa thuộc tính: Chỉ cần gán giá trị cho một key mới hoặc key đã tồn tại:

person.city = "New York"; // Thêm mới
person.age = 35;          // Sửa giá trị

Xoá thuộc tính: Dùng từ khoá delete.

delete person.age;
console.log(person); // Thuộc tính "age" đã bị xoá

Kiểm tra sự tồn tại của thuộc tính: Sử dụng toán tử in hoặc phương thức hasOwnProperty().

const person = {
  name: "Alice",
};

// Toán tử in
console.log("name" in person);  // true
console.log("address" in person);  // false

// hasOwnProperty()
console.log(person.hasOwnProperty("name")); // true
console.log(person.hasOwnProperty("address")); // false

Duyệt qua Object: dùng for...in để duyệt qua các thuộc tính liệt kê được (enumerable properties) của một Object.

const obj = { a: 1, b: 2, c: 3 };

for (let key in obj) {
    if (obj.hasOwnProperty(key)) { // Đảm bảo chỉ lấy các thuộc tính của chính obj, không lấy từ prototype
        console.log(`${key}: ${obj[key]}`);
    }
}

Sao chép Object: - sử dụng vòng lặp:

let copy = {};
for (let key in person) {
  copy[key] = person[key];
}

- Sử dụng Object.assign():

let copy = Object.assign({}, person);

- Sử dụng Spread Operator (...):

let copy = { ...person };

7. Tổng kết

Trong bài viết này, mình đã giới thiệu với các bạn về Object và các hàm cách việc thông dụng với Object trong JavaScript,

Hy vọng bài viết này sẽ có thể giúp đỡ các bạn trong quá trình học và tìm hiểu về JavaScript.

DEV Community: Dương Thái

Các phương pháp tấn công Website bằng mã độc và cách ngăn chặn

Mã độc là gì.

Dấu hiệu nhận biết website của bạn đã bị nhiễm mã độc.

Các phương pháp tấn công Website bằng mã độc và cách phòng chống

Giải pháp cho website bị nhiễm mã độc

Vòng lặp(Loop) trong JavaScript

I. Tổng quan

1. Khái niệm

2. Đặc điểm

II. Các loại vòng lặp

1. Vòng lặp for

2. Vòng lặp for...in

3. Vòng Lặp for...of

4. Vòng Lặp while

5. Vòng Lặp do...while

6. Phương thức forEach()

7.Phương thức Map()

Cấu trúc điều kiện trong Javascript

1. Câu lệnh if...else

Câu lệnh if

Câu lệnh if...else

2. Câu lệnh switch...case

3. Toán tử 3 ngôi (toán tử điều kiện)

4. Toán tử logic &&

5. Các Trường hợp sử dụng

6. Tổng kết

Tìm hiểu về mảng (Array) trong Javascript

I. Khái niệm

II. Khởi tạo

III. Đặc điểm

IV. Các hàm làm việc với mảng

1. Truy cập mảng

2. Độ dài mảng

3. Thêm và xóa phần tử

4. Cắt, nối, và thay đổi

5. Chuyển đổi mảng thành chuỗi

6. Sắp xếp và đảo ngược

7. Lặp qua mảng

8. Kiểm tra điều kiện

9. Tìm kiếm

V. Tổng kết

Kiểu dữ liệu number trong Javascript

1. Khái niệm và phân loại

2. Làm việc với số

3. Tổng kết

Toán tử trong Javascript

I. Toán tử là gì?

II. Các loại toán tử

1. Toán tử số học - Arithmetic Operators

2. Toán tử gán - Assignment Operators

3. Toán tử so sánh - Comparison Operators

4. Toán tử logic - Logical Operators

5. Toán tử nối chuỗi

6. Toán tử ba ngôi - ternary operator

7. Lời kết

Chuỗi (String) strong Jacascript

I. Khái quát

1. Khái niệm

2. Tạo chuỗi

II. Làm việc với chuỗi

1. Kiểm tra độ dài chuỗi (length)

2. Tìm kiếm chuỗi

4. Cắt chuỗi (slice)

5. Thay Thế (replace)

6. Chuyển đổi chữ hoa và chữ thường

7. Kiểm tra chuỗi con

8. Tách chuỗi

9. Nối chuỗi

10. Xóa khoảng trắng

10. Chuyển đổi kiểu

III. Lời kết

Tìm hiểu Object trong JavaScript

1. Khái niệm

2. Đặc điểm cơ bản của Object:

3. Khởi tạo

4. Truy cập thuộc tính

5. object Constructor

6. Các thao tác với Object

7. Tổng kết

1. Vòng lặp `for`

Câu lệnh `if`

Câu lệnh `if...else`

2. Câu lệnh `switch...case`

4. Toán tử logic `&&`